vue表格修改后刷新_解决Vue 不顺序执行方法、树形表格对子数据修改后的自动刷新等...

针对VUE开发中遇到的坑

VUE 一款国人研发的强大的前端框架

与elementUI的高密度融合给后端人员也带来的很大的福利

小编这不也上手学习了,但是虽然学习简单,上手操作那可是处处大坑啊

今天小编就来说手VUE与ElementUI整合的一些坑

大坑一

VUE刷新页面后导航栏的已选中被重置

大家都知道ElementUi的导航栏组件会有一个默认选中的标签，我们可以通过鼠标点击来切换标签，但是当开发时每次刷新页面后，我们已经点击的标签都被重置，但是展示的页面依旧是上次选中标签后跳转的页面，大家可以先看图：

未选择标签时默认展示首页(代码)：

未选择标签时默认展示首页(效果)：

但是此时如果点击了其他的标签,如 hehe,会发现刷新后标签页又被重置到首页

点击hehe后

点击hehe刷新后

错误分析：由于标签页的默认选中在vue实例中绑定的值是不变的所以每次刷新后改值再次渲染到标签页,那么就会出现刷新重置的效果,可以猜测一下,只需将改值变为动态获取即可

解决方案：直接在vue实例中与标签绑定的值修改为：this.$route.path 这个值代表获取当前路由地址,即是每个标签页的index的值;设置后我们看下效果:

设置代码<