Vue.js小Demo--单选和复选功能实现

2021-05-06 23:27

阅读：431

标签：图片 ref height image vuejs ESS href 不可 https

Vue官方文档上有单选按钮radio和复选按钮checkbox的例子。
受此启发，写了这个小demo。

演示图：
技术图片

demo.vue文件代码：

  
    
      Single choice
      {{item.message}}
    
    
      Multiple choice
      {{item.message}}

Splice函数的简单说明：splice(index,len,[item])
1、可以用来添加/删除/替换数组内某一个或者几个值
2、该方法会改变原始数组
index:数组开始下标
len: 替换/删除的长度
item:替换的值，删除操作的话 item为空

个人小小总结：功能挺简单的一个demo，算是加深自己对v-for的理解，以及v-for遍历下的:class绑定。

Vue.js小Demo--单选和复选功能实现

标签：图片 ref height image vuejs ESS href 不可 https

原文地址：https://www.cnblogs.com/JasperHua/p/12091967.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：Vue.js小Demo--单选和复选功能实现
文章链接：http://soscw.com/index.php/essay/83423.html

亲，登录后才可以留言！