vue实现动态列表点击各行换色的方法

只是模拟一练习 v-for v-on v-bind的一个简单demo

创新互联专注于企业营销型网站建设、网站重做改版、潮南网站定制设计、自适应品牌网站建设、H5响应式网站、商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为潮南等各大城市提供网站开发制作服务。

代码思路：

遍历出data里面的数据 v-for

给li加点击事件

绑定class样式 怎么控制样式的显示

通过 class的控制 v:bind:class={class:index==变量} 下标和class变量是否相等控制true false

代码：

 

{{item}}
 

以上这篇vue实现动态列表点击各行换色的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。