vue.js删除动态绑定单选按钮的指定项目

如上所示，绑定单选选项是动态添加的，然后可以动态删除。右边的编辑器被删除，左边的视图也相应删除。

查看代码视图：

Ulli v-for='选项中的选项'''输入类型=' radio' : name='组名' {option.text}}''/Li/ul '，数据绑定模型，选项：

选项： [{id: 1，text: '选项1 '，checked: false}，{id: 2，text: '选项2 '，checked: false }]动态添加：

VM.options.push ({id : ' '，text :' new option '，checked : false })；动态删除指定的无线电。我们存储json对象，并将它们动态添加到选项数组中。在获取时，我们可以在每个事件中传入$event对象，并获取当前事件源DOM对象。但是，vm.options是一个数组，它不能很好地匹配DOM来删除指定的数组项。通常，当我们循环绑定数据时，v-for :“items in item”忘记了他还有一个索引属性，即当前元素的索引。

这里很简单。当我们动态循环绑定和操作无线电数据时，我们添加索引

P v-for=' (option，option index)在options ' @ mouse enter=' option enter($ event，option index)'然后根据索引删除指定选项的选项，很容易

vm.options.splice(optionIndex，1)；以上是边肖介绍的vue.js删除动态绑定电台的具体项目。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！