随笔分类 - vue
摘要：<el-table-column label=""> <el-table-column prop="column" :render-header="renderHeader" width="160"> <template slot-scope="scope"> <span>{{ scope.row.
阅读全文
摘要：<el-table v-loading="fourthloading" :data="tableData4" style="width: 100%" height="390" @sort-change="sortChange" ref="fourthtable"> //@sort-change <e
阅读全文
摘要：1：使用场景： 当选中表格中某几条数据（图中演示的为两行选中一行）进行导出为excel（如图二） 2：安装依赖： npm install --save xlsx file-saver npm install -D script-loader 3：引入依赖文件： 在src文件夹中创建名为excel的文
阅读全文
摘要：el-input回车会自动刷新页面原因及解决方法 问题原因： form表单中只有一个输入框的时候，在输入框中按下回车就是提交该表单并且会自动刷新页面。知道原因就好解决了。 解决方法： 在<el-form>上加上@submit.native.prevent来阻止原始提交事件，就是阻止默认刷新页面，但回
阅读全文
摘要：element-ui上传组件，before-upload发送异步请求 + Promise before-upload为false的时候会阻止图片的上传 但是和chenge事情一起不行 可以:http-request="fnUploadRequest" <el-upload --snip-- :bef
阅读全文
摘要：详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子) 说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类
阅读全文
摘要：vue计算属性的使用 我们有时候会在模板中绑定表达式来做简单的数据处理，但是如果表达式太长，就会变得臃肿难以维护，比如 <div> {{text.split(',').reverse().join(',')}} </div> 表达式里面包含了3个操作，有时候可能会更加复杂，这时我们可以使用计算属性。
阅读全文
摘要：一、填空1.目前三大主流框架：vue、react、angular2.设计模式：主流框架模式MVC、MVP、MVVM全程为：Model View controller 、Model View presenter、Model View ViewModel3.事件绑定修饰符：.stop阻止冒泡、.prev
阅读全文
摘要：v-if 和 v-show的区别 简单来说，v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低 1.共同点 都是动态显示DOM元素 2.区别 （1）手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；（2
阅读全文