elementvue动态单选_vue.js选中动态绑定的radio的指定项
绑定的数据和上⽂的model是⼀致的,选中radio或者checkbox需要注意的是:
不管你的checked属性值是true或者false,他都会选中。
选中不选中,不是看checked的属性值,⽽是看有没有checked这个属性,所以,动态选中,不⽤v-model,也不⽤checked='true',判断是否需要渲染checked这个属性就好了.
view 改⼀下:
"{{}}"
:checked='option.checked' 如果option.checked为true,他就渲染checked这个属性,否则input元素没有这个属性。
这样绑定后,我们在vue的methods⾥⾯设置,把当前索引的radio绑定model的checked属性设置为true,其他的必须设置为false,这样才和上⾯的绑定对应,不然全是true了,绑定就会有问题了。
checkOption: function (e, optionIndex) {
$.each(vm.options, function (index, item) {
item.checked = false;
});vue element admin
vm.options[optionIndex].checked = true;
}
以上所述是⼩编给⼤家介绍的vue.js选中动态绑定的radio的指定项,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对脚本之家⽹站的⽀持!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。