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://bzwzjz.com/article/csisdd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计 宜宾网站设计 成都网站建设 成都网站制作 成都商城网站制作 成都网站建设 四川成都网站建设 手机网站设计 达州网站设计 网站建设方案 成都网站建设公司 高端网站建设 企业网站设计 高端网站设计推广 成都响应式网站建设 成都网站制作 阿坝网站设计 成都营销网站建设 外贸营销网站建设 重庆电商网站建设 专业网站设计 手机网站建设套餐