1. 程式人生 > >vue 單選列表 改變樣式

vue 單選列表 改變樣式

迴圈模板:
<ul v-for="(item,index) in List">
   <li :class="{active:(clickIndex == index )}"></li>
</ul>

初始化:clickIndex: -1

點選方法:ling(index) {
    this.clickIndex = index
}

單選的樣式:
.active{
   color:red
}




html屬性  v-bind繫結 簡寫  :class
html事件/監聽  v-on繫結  簡寫 @click
包括click dbclick等等

自定義的方法@selfconfig
從子元件監聽的方法,自動按順序獲取引數