我的需求就是:
页面打开第一个默认有active的样式
当点击其他的 点击元素有active的样式,其他的元素没有
这就是个简单的选项卡,但是不同的是他们要进行路由切换。
<ul class="navBarList">
<li v-for='(item,index) in navData'
:to="item.path"
:class="{cur:index==iscur}"
@click="toggle(index)"
v-text="item.name">
</li>
</ul>
data(){
return{
navData: [{
name: "选项一",
path: '/home/index1/question/tab1',
isActive: true
}, {
name: "选项二",
path: '/home/index1/question/tab2',
}],
isActive: false
}
}
<script>
toggle:function (index) {
}
</script>
代码写的好像不对
反正就是 he选项卡一样但是点击的时候是通过路由跳转的
相关分类