vue-点击添加class 其他标签删除class
body>div id="app">p v-for="(item,$index) in arr" @click="toggle($index)" :class="{active:$index==active}">{{item}}p>div>script>var app=new Vue({
·
<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>
前往低代码交流专区
更多推荐
0
0- 0
已为社区贡献4条内容
所有评论(0)