![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
孟凡聪
小白程序员,如有错误的地方,欢迎指正
展开
-
vue页面跳转没有刷新数据
情景:A页面新增数据,B页面查看新增数据,B页面查看不到刚刚新增的数据原因:页面B加载时,没有执行created()函数,所以可能是使用了缓存数据解决方法:将created()或mounted()函数中执行获取数据的方法放到activated()函数中,activated()函数:每次页面加载就会执行该函数同时该函数也可以获取到路由传递过来的参数methods:{ /** * 获取数据 */ getDataList(){ request({原创 2021-01-18 10:40:01 · 1203 阅读 · 2 评论 -
el-table实现纵向表格
实现纵向表格的关键就是data的数据结构例:tableData:[ { name:'固定资产投资', list:[{},{},{},{}], }, { name:'规模以上工业增加值', list:[{},{},{},{}], }, { name:'社会消费品零售总额', list:[{},{},{},{}原创 2021-01-17 09:46:11 · 5096 阅读 · 3 评论 -
el-table多选,默认选中
toggleRowSelection(row, selected):官网提供的选中行的方法,row:当前选中的行,selected:true选中,false:不选中给table设置ref属性tableOne(自己定义)this.$nextTick:在下次 DOM 更新循环结束之后执行延迟回调let that=this :获取vue对象that.$refs.tableOne.clearSelection() :清空用户选择后边的循环按照自己实际情况来判断选中与否that.$refs.table原创 2021-01-17 09:41:31 · 6869 阅读 · 0 评论 -
vue中鼠标移动到文字上面,显示编辑和删除,却点不到
onmouseover显示编辑和删除onmouseout隐藏编辑和删除使用v-if控制显示和隐藏,这样点不到按钮,改用v-show实现效果原创 2021-01-17 09:13:31 · 746 阅读 · 0 评论 -
v-if与v-show的区别
v-if与v-show的区别情形:在form表单中添加了验证,根据条件展示或不展示某行,开始使用v-show隐藏后,规则还存在,验证通不过,之后使用v-if隐藏验证通过相同点:v-if与v-show都可以根据条件隐藏或展示元素区别:v-show:只是将元素隐藏,v-if判断条件不对,直接不会加载,只有符合条件的才会加载出现...原创 2019-03-12 22:47:31 · 173 阅读 · 0 评论