vue-点击添加class 其他标签删除class
2018-01-03 09:52
483 查看
<body>
<div id="app">
<p v-for="(item,$index) in arr" @click="toggle($index)" :class="{active:$index==active}">{{item}}</p>
</div>
<!-- Add your site or application content here -->
<script>
var app=new Vue({
el:'#app',
data:{
active:0,
arr:[
"新闻",
"视频",
"社会",
"军事",
"军事1",
"军事2",
"军事3",
"军事4",
]
},
computed:{
},
methods:{
toggle(index){
this.active=index
}
},
})
</script>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js控制某个div层中a标签的class属性，点击实现添加class属性，并且删除其他同级的class属性
- vue.js 实现点击后动态添加 class 并删除同级 class
- vue--点击当前增加class，其他删除class
- vue.js实现点击后动态添加class及删除同级class的实现代码
- vue 点击当前添加class，同级删除class
- vue--点击当前增加class，其他删除class
- vue--点击当前增加class,其他删除class的方法
- jquery点击li标签之后在该li标签上添加一个class，点击下一个li时删除上一个li的class
- jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？
- jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？
- <a>标签click事件（单击时添加样式，同时删除其他同级<a>标签样式）
- <li>的鼠标移入移出事件和点击事件分别实现为当前li添加样式，删除其他li样式
- JS点击动态添加标签、删除指定标签的代码
- jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？
- js 点击动态添加标签 删除指定标签
- jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？
- 动态添加class名，改变标签样式（包含鼠标移入、移出及点击事件）
- jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？
- jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？http://www.cnblogs.com/lr393993507/p/6078063.html
- click点击以后添加新class，删除其余同名class