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

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

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

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

代码思路：

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

给li加点击事件

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

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

代码：

 

{{item}}

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

名称栏目：vue实现动态列表点击各行换色的方法
文章转载：http://csdahua.cn/article/peiihp.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态