element的el-tabs控制

Posted 2020-11-02 NewObject_1

1.element自己已经封装好了，当切换时v-model的值自动切换为el-tabs-pane的name对应的值.

如下：

<el-tabs v-model=‘activeName‘>

　　<el-tabs-pane name=‘aaa‘>

　　　　<mycomponet v-if="activeName==‘aaa‘"></mycomponet>

　　</el-tabs-pane>

 

　　<el-tabs-pane name=‘bbb‘>

　　　　<yourcomponet v-if="activeName==‘bbb‘"></yourcomponet>

　　</el-tabs-pane>

</el-tabs>

2.上面我还加上了v-if，现在就神奇了，可以利用v-if来及时刷新mycomponet，yourcomponet 里的内容 （mycomponet ，yourcomponet  自己去实现）

 

（见/views/agent/summary.vue）