vue.js删除动态绑定的radio的指定项

上图效果，动态添加绑定radio选项，然后也可以动态删除，右边编辑器删除，左边的视图也对应的删除。

视图代码 view：

"<ul><li v-for='option in options'>" + 
 "<input type='radio' :name='groupName'>{{option.text}}" + 
"</li></ul>", 

数据绑定model.options：

options: [{ id: 1, text: '选项1', checked: false }, { id: 2, text: '选项2', checked: false }] 

动态添加：

vm.options.push({ id: "", text: "新选项", checked: false }); 

动态删除指定radio，我们存储的是json对象动态添加到options数组中去，取的时候在每个事件可以传入$event对象，可以获取到当前事件源,DOM对象，但是vm.options是个数组，没法很好的匹配DOM来删除指定的数组项。
在我们循环绑定数据的时候一般是 v-for:"item in items" 忘了他还有一个index属性，当前元素的索引.

这里就简单了，我们在动态循环绑定操作radio数据的时候，把index加上

"<p v-for='(option,optionIndex) in options' @mouseenter='optionEnter($event,optionIndex)' >" 

然后根据索引来删除options的指定选项，就容易了

vm.options.splice(optionIndex, 1); 

以上所述是小编给大家介绍的vue.js删除动态绑定的radio的指定项，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# vue.js  # 绑定radio  # vuejs  # radio  # vue.js选中动态绑定的radio的指定项  # vue中radio根据动态值绑定checked无效的解决  # 绑定  # 小编  # 的是  # 是个  # 很好  # 在此  # 他还  # 给大家  # 中去  # 所述  # 编辑器  # 给我留言  # 感谢大家  # 上图  # 有一个  # 疑问请  # 有任何  # 在每个  # ul  # gt 

相关文章： 新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  网站制作软件有哪些,制图软件有哪些？  如何在阿里云高效完成企业建站全流程？  青岛网站建设如何选择本地服务器？  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何高效配置香港服务器实现快速建站？  常州自助建站费用包含哪些项目？  网站图片在线制作软件,怎么在图片上做链接？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  如何在橙子建站上传落地页？操作指南详解  如何在阿里云ECS服务器部署织梦CMS网站？  如何选择高效稳定的ISP建站解决方案？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  网站app免费制作软件,能免费看各大网站视频的手机app？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  如何在局域网内绑定自建网站域名？  定制建站是什么？如何实现个性化需求？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  如何快速搭建安全的FTP站点？  北京企业网站设计制作公司,北京铁路集团官方网站？  如何通过可视化优化提升建站效果？  浅谈Javascript中的Label语句  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何制作算命网站,怎么注册算命网站？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  如何快速搭建高效可靠的建站解决方案？  图册素材网站设计制作软件,图册的导出方式有几种？  5种Android数据存储方式汇总  南宁网站建设制作定制,南宁网站建设可以定制吗？  高防服务器租用如何选择配置与防御等级？  网站制作公司,橙子建站是合法的吗？  如何快速启动建站代理加盟业务？  公司网站设计制作厂家,怎么创建自己的一个网站？  如何零成本快速生成个人自助网站？  如何通过商城免费建站系统源码自定义网站主题？  测试制作网站有哪些,测试性取向的权威测试或者网站？  如何用景安虚拟主机手机版绑定域名建站？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  如何通过二级域名建站提升品牌影响力？  seo网站制作优化,网站SEO优化步骤有哪些？  如何选择域名并搭建高效网站？  如何快速选择适合个人网站的云服务器配置？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  如何高效完成自助建站业务培训？  建站之星后台密码遗忘？如何快速找回？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  建站上传速度慢？如何优化加速网站加载效率？  黑客入侵网站服务器的常见手法有哪些？