element的el-tabs控制,以及el-select 多选默认值

一.el-tabs

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）

 

二。el-select 多选

单选时，直接给v-model='id' 在data中直接给id赋值即可;

多选时，注意此时的id对于的是字符串数值。一定要记得是数组

转载于:https://www.cnblogs.com/yanjunwu/p/8974191.html