Vue點擊當前元素添加class 去掉兄弟的class



<div id="app"> <ul> <li v-for="(todo, index) in todos" v-on:click="addClass(index)" v-bind:class="{ blue:index==current}">{{ todo.text }}</li> </ul> </div> <script> new Vue({ el: '#app', data: { current:0, todos: [ { text: '選項一' }, { text: '選項二' }, { text: '選項三' } ] }, methods:{ addClass:function(index){ this.current=index; } } })


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM