宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-09-04

在上一篇文章中,我们介绍了通过vue.js动态添加和删除绑定的单选选项

绑定数据与上述模型一致。选择要注意的单选或复选框:

无论输入类型='单选选中='真'您选中的属性值是真还是假,它都将被选中。

如果勾选与否,不是勾选的属性值,而是是否存在。因此,动态检查是否需要在没有v-model的情况下进行渲染,或者检查='true '是很好的。

更改视图:

输入类型=' radio ' : name=' group name ' : checked=' option . checked“{ option。text}} ':选中了='选项。选中“如果”选项。如果checked为true,他将呈现checked属性,否则输入元素不具有该属性。

这样绑定后,我们在vue的方法中设置,将当前索引的radio binding模型的checked属性设置为true,其他的必须设置为false,这样才能对应上面的绑定,否则都是true,绑定就会有问题。

checkOption:函数(e,optionIndex) { $。每个(vm.options,function (index,item){ item . checked=false;});vm.options[optionIndex]。选中=真;}以上是vue.js选择的动态绑定电台指定项目,由边肖介绍给您,希望对您有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+