好资源导航 » 文章资讯 » vue中v-model对select的绑定操作

vue中v-model对select的绑定操作

2023-07-17 15:03:03 72

1、单选时


请选择




Selected:{{selected}}
data:{
selected:''
}

如果v-model表达式的value初始值未能匹配任何选项，
Selected:{{selected}}

data:{
selected:[]
}

3、用v-for渲染的动态选项：



{{option.text}}


Selected:{{selected}}

newVue({
el:'...',
data:{
selected:'A',
options:[
{text:'One',value:'A'},
{text:'Two',value:'B'},
{text:'Three',value:'C'}
]
}
})

对于单选按钮，复选框及选择框的选项，v-model绑定的值通常是静态字符串(对于复选框也可以是布尔值)，有时我们可能想把值绑定到Vue实例的一个动态属性上，这时可以用v-bind实现，并且这个属性的值可以不是字符串

//当选中时
typeofvm.selected//=>'object'
vm.selected.number//=>123

具体参考https://cn.vuejs.org/v2/guide/forms.html#选择框

补充知识：v-model绑定后设置selected问题

v-model绑定数据后设置selected无效原因

v-model绑定的数据需要与selected的option值相同才生效

以上这篇vue中v-model对select的绑定操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

vue中v-model对select的绑定操作

热门推荐

随机推荐