element's el-tabs control

1. The element itself has been encapsulated. When switching, the value of v-model is automatically switched to the value corresponding to the name of el-tabs-pane.

as follows:

<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. I also added v-if to the above, and now it is magical. You can use v-if to refresh the content in mycomponet and yourcomponet in time (mycomponet, yourcomponet implements it yourself)

 

(see /views/agent/summary.vue)