vue + element-ui 制作tab切换（切换vue组件，踩坑总结）

项目中用到了一个页面要实现tab切换实现报表展示，自行百度了一下；最后实现效果，在这里把步骤分享给大家！

创建文件：

tabZujian.vue

tabZujianChild1.vue

tabZujianChild2.vue 

问题解决：

其实这个问题解决起来非常简单，我们想要的是每次切换tab都能够让对应的tab子组件进行重新渲染。

1. 初始化两个变量 isChildUpdate1:true，isChildUpdate2:false；
2. 使用v-if控制child1和child2是否渲染。
3. 每次切换tab选项的时候，触发事件。让当前点击的tab变量设置位true，让当前组件重新渲染。

这时候当你来回切换的时候，通过v-if判断是否重新渲染当前组件

更改一下tabZujian.vue

 最后成功了。

---

由于水平有限，本博客难免有不足，恳请各位大佬不吝赐教！！！

---

 转载地址：https://www.cnblogs.com/wangweizhang/p/10251758.html。