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 

相关文章： 外贸公司网站制作哪家好,maersk船公司官网？  如何高效完成独享虚拟主机建站？  深入理解Android中的xmlns:tools属性  西安专业网站制作公司有哪些,陕西省建行官方网站？  怎么将XML数据可视化 D3.js加载XML  宁波免费建站如何选择可靠模板与平台？  如何快速登录WAP自助建站平台？  在线制作视频网站免费,都有哪些好的动漫网站？  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  C#怎么创建控制台应用 C# Console App项目创建方法  免费网站制作appp,免费制作app哪个平台好？  宁波自助建站系统如何快速打造专业企业网站？  如何高效配置IIS服务器搭建网站？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  内网网站制作软件,内网的网站如何发布到外网？  如何在橙子建站中快速调整背景颜色？  建站主机与虚拟主机有何区别？如何选择最优方案？  建站主机核心功能解析：服务器选择与网站搭建流程指南  linux top下的 minerd 木马清除方法  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  山东网站制作公司有哪些,山东大源集团官网？  建站主机是否属于云主机类型？  如何确保西部建站助手FTP传输的安全性？  b2c电商网站制作流程,b2c水平综合的电商平台？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  如何在IIS服务器上快速部署高效网站？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  实现虚拟支付需哪些建站技术支撑？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  建站之星如何防范黑客攻击与数据泄露？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  如何选择高性价比服务器搭建个人网站？  如何通过免费商城建站系统源码自定义网站主题与功能？  制作充值网站的软件,做人力招聘为什么要自己交端口钱？  实惠建站价格推荐：2025年高性价比自助建站套餐解析  如何做静态网页,sublimetext3.0制作静态网页？  建站之星伪静态规则如何设置？  如何选择适合PHP云建站的开源框架？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  制作网站的模板软件,网站怎么建设？  如何在建站主机中优化服务器配置？  网站制作价目表怎么做,珍爱网婚介费用多少？  香港服务器部署网站为何提示未备案？  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  平台云上自主建站：模板化设计与智能工具打造高效网站  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？