vue实现动态列表点击各行换色的方法-创新互联

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

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：主机域名、虚拟主机、营销软件、网站建设、临泉网站维护、网站推广。

代码思路：

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

给li加点击事件

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

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

代码：

 

{{item}}
 

标题名称：vue实现动态列表点击各行换色的方法-创新互联
文章起源：http://bzwzjz.com/article/csisdd.html