vuejs中多选框与单选框的值获取的方法
代码片段{{myVal}}<input type="checkbox" name="" value="apple" v-model="myVal" /&a
·
获取多选框的值的代码片段
{{myVal}}
<input type="checkbox" name="" value="apple" v-model="myVal" />
<label>apple</label>
<input type="checkbox" name="" value="banana" v-model="myVal" />
<label>banana</label>
<input type="checkbox" name="" value="orange" v-model="myVal" />
<label>orange</label>
data(){
return{
myVal:[]
}
}
在数组中插入的值是input中的value属性的值
获取单选框的值的代码片段
{{myVal}}
<input type="radio" name="" value="apple" v-model="myVal" />
<label>apple</label>
<input type="radio" name="" value="banana" v-model="myVal" />
<label>banana</label>
<input type="radio" name="" value="orange" v-model="myVal" />
<label>orange</label>
data(){
return{
myVal:''//这里只是字符串 不再是数组
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)