vue开发实现单选多选功能

单选:只能选择一个

vue开发实现单选多选功能_第1张图片

代码::(循环集合cities,点击哪个传值索引index,给对应的索引加上类名,初始化默认n为0)

  • {{c}}

多选:(同时选中多个)

vue开发实现单选多选功能_第2张图片

代码:(同样传值索引index,判断所选在不在arr集合,给选中的元素添加类名checked)

  • {{c}}

多选方法二

  • {{c.city}}

 

 

更多技巧请查看vue专栏   https://blog.csdn.net/qq_42221334/column/info/27230/1

 

你可能感兴趣的:(Vue,vue专栏)