随笔分类 -  vue

上一页 1 2
vue 路由跳转时如何清除掉页面的定时器？
摘要：背景：当前列表需要隔5分钟进行一次定时刷新； 问题： 没有清除定时的话，进入其它页面了，定时器依然执行； 解决办法：使用组件内的守卫beforeRouteLeave； data里面定义了一个变量 data(){ return { timedTasksCollector: null, } } 把定时器 阅读全文
posted @ 2020-08-21 16:10 维维WW 阅读(4653) 评论(0) 推荐(0)
清除element UI Table 的排序状态的高亮样式
摘要：场景：我的表格列表地方有做重置的按钮。重置时，排序状态，及高这样式应当清除掉 第一步：增加ref="table" <el-table :max-height="'700px'" @sort-change="sort" ref="table" :data="collectLoanOrderList"> 阅读全文
posted @ 2020-08-20 13:44 维维WW 阅读(2801) 评论(0) 推荐(0)
使用element-ui组件el-table时需要修改某一行样式(包含解决样式无效的问题)或某一列的样式
摘要：修改某一行的样式 背景：我想要给表格的其中某一行单独加一个样式，比如加粗 第一个地方：:row-class-name="tableRowClassName" 第二个地方写上方法： tableRowClassName({row, rowIndex}) { if (rowIndex 6) { retur 阅读全文
posted @ 2020-08-12 15:14 维维WW 阅读(5616) 评论(0) 推荐(0)
vue 调用 js 获取的今日、本周、本月、本年起始和结束日期
摘要：一、得到今天、昨天、明天日期 function getDate(dates) { var dd = new Date(); var n = dates || 0; dd.setDate(dd.getDate() + n); var y = dd.getFullYear(); var m = dd.g 阅读全文
posted @ 2020-07-06 10:59 维维WW 阅读(6356) 评论(0) 推荐(1)
element-ui table sortable某列数据后加上单位后排序不正确
摘要：根据项目需求，在百分比列加了sortable的排序 ，然后就发现在一直不准确 后来发现是排序把这个值当字符串处理了，在prop上面获取数值进行排序，显示的地方加上%就好了 <el-table-column :label="$t('common_pass_rate')" prop="pass_rate 阅读全文
posted @ 2020-07-03 15:08 维维WW 阅读(3351) 评论(0) 推荐(0)
element-UI根据后台数据动态生成el-checkbox-group，点击保存获取绑定的checked项(二维数组)
摘要：我的效果图如下： 1 <template> 2 <div class="mcontainer"> 3 <el-form :model="formApp" ref="formApp" :rules="rules"> 4 <el-form-item label="APP选择" :label-width= 阅读全文
posted @ 2020-06-24 11:12 维维WW 阅读(2877) 评论(0) 推荐(1)
Vue重置当前页面数据
摘要：问题：在做一个列表页面的时候，有一些input或select作为筛选条件来查询，加了一个重置功能，要清空这些数据 使用了vue的这个方法来清除 Object.assign(this.$data.params,this.$options.data().params); 重置时发现在报错，报错原因是pa 阅读全文
posted @ 2020-06-09 13:44 维维WW 阅读(4044) 评论(0) 推荐(0)
vue vue-clipboard2(vue复制功能)
摘要：安装： 1 npm install --save vue-clipboard2 在main.js中引入 1 import VueClipboard from 'vue-clipboard2'; 2 Vue.use(VueClipboard); 例子： 第一种： 1 <div> 2 <span cla 阅读全文
posted @ 2020-06-08 11:38 维维WW 阅读(4740) 评论(0) 推荐(0)
vue-json-editor json编辑器的使用及重复调用时遇到的一个小坑
摘要：vue-json-edito JSON编辑器 阅读全文
posted @ 2020-06-04 14:04 维维WW 阅读(5649) 评论(7) 推荐(0)
vue-router 如何在新窗口打开页面
摘要：1. <router-link>标签实现新窗口打开： 官方文档中说 v-link 指令已经被一个新的 <router-link> 组件指令替代，这一部分的工作已经被 Vue 2 中的组件完成。 注意：<router-link> 不支持 target="_blank"，如果你想打开一个新标签页，你必须 阅读全文
posted @ 2020-05-11 09:51 维维WW 阅读(9953) 评论(0) 推荐(0)
vue-cli3配置开发环境和生产环境的图片地址
摘要：因为vue-cli3创建出来的目录已经没有config文件了。 所以以往在config中的一些生产环境的文件，就需要自己在根目录下面创建了。 1、创建普通全局变量 .env2、创建开发环境变量 .env.development3、创建生产环境变量 .env.production 我现在的需求是图片链 阅读全文
posted @ 2020-03-24 16:48 维维WW 阅读(1818) 评论(0) 推荐(0)
elementUi里面的el-input框有时候无法输入的问题
摘要：项目中有出现需要输入内容的时候，input框有时候会无法输入进去，感觉像是被禁用了！代码如下: <el-input v-model="formBank.name" clearable autocomplete="off"></el-input> 解决方法 this.$forceUpdate(); < 阅读全文
posted @ 2020-03-24 16:29 维维WW 阅读(6986) 评论(2) 推荐(1)
.sync 修饰符：进行父子组件间相互传递数据
摘要：2.3.0+ 新增 在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以修改父组件，且在父组件和子组件都没有明显的改动来源。 这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。举个例子，在一个包含 阅读全文
posted @ 2019-03-27 14:41 维维WW 阅读(470) 评论(0) 推荐(0)
vue计算属性的缓存和方法调用的有什么区别？
摘要：1、我们可以将同一函数定义为一个方法或是一个计算属性。两种方式的最终结果确实是完全相同的。不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。 2、使用计算属性还是methods取决于是否需要缓存，当遍历大数组 阅读全文
posted @ 2019-03-26 16:07 维维WW 阅读(2572) 评论(0) 推荐(0)
v-if和v-show的区别
摘要：区别： 1、编译条件： v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做，直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多，不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。 2、编译过程：v-if 是“真正”的条件渲染，因为它会确 阅读全文
posted @ 2019-03-20 17:29 维维WW 阅读(425) 评论(0) 推荐(0)

上一页 1 2