点击tab栏切换

: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 } }, }

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容