:class="[{active:tabIdx==index}]"
active为选中项的样式须在style中声明
tabIdx为默认索引值在data中声明,初始值为0,在点击事件中将index赋给他
index为数组循环的索引
点击标签栏显示对应的不同内容
{{i.name}}
{{list[inxlist].lists[0].va}}
<script> export default { data() { return { list: [{ name: '英国', lists:[{ va:'1' }] }, { name: '法国', lists:[{ va:'2' }] }, { name: '德国', lists:[{ va:'3' }] } ], inxlist: 0 } }, }
