博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
v-for产生的列表,实现active的切换
阅读量:6163 次
发布时间:2019-06-21

本文共 528 字,大约阅读时间需要 1 分钟。

v-for生成序列

  • {
    {info.name}}

data数据

list:[        {          name:'a',          id:1,          active:false        },        {          name:'b',          id:2,          active:false        },        {          name:'c',          id:3,          active:false        },        {          name:'d',          id:4,          active:false        },      ]

点击事件

select(d){      this.list.map(s=>s.active=false);      this.list[d].active=true;    },

CSS样式

  


 

转载于:https://www.cnblogs.com/gitByLegend/p/10870112.html

你可能感兴趣的文章
大型高性能ASP.NET系统架构设计
查看>>
insert select带来的问题
查看>>
EasyUI 添加tab页(iframe方式)
查看>>
mysqldump主要参数探究
查看>>
好记心不如烂笔头,ssh登录 The authenticity of host 192.168.0.xxx can't be established. 的问题...
查看>>
使用addChildViewController手动控制UIViewController的切换
查看>>
Android Fragment应用实战
查看>>
SQL Server查询死锁并KILL
查看>>
内存或磁盘空间不足,Microsoft Office Excel 无法再次打开或保存任何文档。 [问题点数:20分,结帖人wenyang2004]...
查看>>
委托到Lambda的进化: ()=> {} 这个lambda表达式就是一个无参数的委托及具体方法的组合体。...
查看>>
apache 伪静态 .htaccess
查看>>
unity3d 截屏
查看>>
ASP.NET MVC学习之控制器篇
查看>>
MongoDB ServerStatus返回信息
查看>>
分析jQuery源码时记录的一点感悟
查看>>
程序局部性原理感悟
查看>>
UIView 动画进阶
查看>>
Spring如何处理线程并发
查看>>
linux常用命令(用户篇)
查看>>
获取组件的方式(方法)
查看>>