vue 单选列表 改变样式

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_36774307/article/details/83621476

循环模板：
<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
从子组件监听的方法，自动按顺序获取参数