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

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

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

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

代码思路:

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

给li加点击事件

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

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

代码:

  • {{item}}

标题名称:vue实现动态列表点击各行换色的方法-创新互联
分享网址:http://ybzwz.com/article/csisdd.html