随笔分类 - 前端框架
发表于 2022-05-24 08:04阅读：2288评论：0推荐：0
摘要：一、问题如下 列表中点击列表项本身应该跳转到详情页面，点击列表项中的删除应该执行删除操作。 但由于删除在列表项的内部，所以点击删除时一并触发了外层的跳转详情页面操作。 二、问题处理 内层点击后触发外层的点击事件是因为html节点之间的嵌套结构，内层dom执行事件时会向外层冒泡，所以阻断冒泡的过程就可
阅读全文 »
发表于 2022-05-19 13:54阅读：3340评论：0推荐：0
摘要：一、问题如下 vue前端项目引入element-ui框架后，本地运行图标正常显示，但打包部署后部分图标不显示。 二、问题解决 1.问题分析 由于本地运行时图标可以正常显示且在打包部署后部分图标也能够正常显示，说明dev和build的配置引用路径应该是没有问题。 从部分图标依旧可以正常显示来看，问题应
阅读全文 »
发表于 2021-06-28 16:51阅读：932评论：0推荐：0
摘要：一、引入插件 1、npm命令引入插件依赖： cnpm install --save xlsx file-saver 2、页面引入 // 引入导出Excel表格依赖 import FileSaver from "file-saver"; import XLSX from "xlsx"; 二、使用插件导
阅读全文 »
发表于 2021-04-02 08:54阅读：3039评论：0推荐：0
摘要：一、问题处理 1、原因： 打包后的css里明显已经是乱码，这就说明打包出了问题，element-ui是要用node-sass来打包，所以要更换。 2、解决方法： 卸载sass： npm uninstall sass 安装node-sass： npm install node-sass -D
阅读全文 »
发表于 2020-09-14 10:08阅读：183评论：0推荐：0
摘要：一、简单应用 1、使用methods定义方法进行调用： js代码： var vm=new Vue({ el:"#test", data:{ message:"测试", count:0 }, methods:{ addCount:function() { return this.count++; }
阅读全文 »
发表于 2020-09-08 08:26阅读：8201评论：0推荐：1
摘要：一、初始效果 默认的vue文件，在IDEA中编辑起来和在记事本中没啥差别，没有颜色区分，没有自动补全。 二、设置方法 1、安装vue.js插件： （1）搜索vue.js插件进行安装： File->Settings->Plugins: 重启IDEA使其生效。 （2）配置vue文件模板： File->S
阅读全文 »
发表于 2020-09-07 15:44阅读：1143评论：0推荐：0
摘要：一、安装vue 1、国内使用npm速度很慢，使用淘宝镜像进行安装： 在cmd中输入以下命令： npm install -g cnpm --registry=https://registry.npm.taobao.org 如图所示： 之后就可以使用cnpm来代替npm进行操作。 2、使用cnpm安装v
阅读全文 »
发表于 2020-09-03 14:27阅读：2415评论：0推荐：0
摘要：一、computed用法 1、js代码： var vm = new Vue({ el: '#test', data: { message: '计算属性测试computed' }, computed: { message2: function () { return this.message.spli
阅读全文 »
发表于 2020-08-19 22:17阅读：1590评论：0推荐：0
摘要：一、简单案例 1、引入Vue.js: <script type="text/javascript" src="js/vue.js"></script> 2、在js中定义数据： var vm=new Vue({ el:'#test', data:{ str:'Hello Vue!!!' } }) 3、
阅读全文 »
发表于 2020-03-21 10:25阅读：635评论：0推荐：0
摘要：一、问题如下 1、未弹出模态框前： 2、弹出模态框并在多个模态框跳转后： 二、问题分析 1、bootstrap官方已经说过：不要把模态框重叠在另一个模态框上。 2、错误原因：应该是一个模态框的hide和另一个模态框的show造成了执行顺序的混乱，导致模态框不能按照bootstrap设定的方案进行正常
阅读全文 »
发表于 2020-02-05 22:03阅读：3155评论：0推荐：0
摘要：一、控件下载 1、控件使用所需（CSS和JS）： bootstrap.min.css bootstrap-datetimepicker.min.css jquery.min.js bootstrap.min.js bootstrap-datetimepicker.min.js bootstrap-d
阅读全文 »
