vue2.* element tabs tab-pane 动态加载组件操作

首先一开始一次加载所有tab的代码是这样的↓这时候v-if的作用就可以发挥出来了，当v-if的值为false时vue是不会去渲染该标签下的内容的那我们就把tabs下的子模块标签上加v-if，一开始只设置其中一个为true其他都为false，当点击tab切换时去改变v-if的值，代码如下↓js的代码↓这样就可以完美解决上面的问题，首次加载页面只会渲染其中一个tab的内容，同时点击tab切换时页面重新渲染页面，good！其实就是一个v-for循环，根据后台返回数据生成对应表头js里的数据绑定：