请问老师看看哪里错了
来源：2-4 自由编程
hy_wang
2018-11-15 11:02:48
<template>
<div>
<!-- 值绑定 -->
<!-- 单选框值绑定 vm.b=vm.a -->
<!-- 控制相同的单选框，不同的value随时可改变 -->
<input type="radio" :value="aa" v-model="b">选择1
<input type="radio" :value="bb" v-model="b">选择2
<input type="radio" :value="cc" v-model="b">选择3
<p>{{b}}</p>
<!-- 多选框值绑定 -->
<!-- true-value选中时候的toggle值 false-value没选中时候的value值 -->
<input type="checkbox" v-model="toggle" true-value='aaa' false-value='dd'>
<input type="checkbox" v-model="toggle" true-value='bbb' false-value='ee'>
<input type="checkbox" v-model="toggle" true-value='ccc' false-value='ff'>
<p>{{toggle}}</p>
<!-- select值绑定 -->
</div>
</template>
<script>
export default {
data() {
return {
aa: "单选框值绑定",
bb: "单选框绑定",
cc: "单选框",
aaa: "多选1",
bbb: "多选2",
ccc: "多选3",
b: "",
dd: "no",
ee: "no2",
ff: "no3",
toggle: []
};
}
};
</script>
<style>
</style>老师这是我自己写的demo，请问为什么多选框有bug？这是怎么回事？
写回答
4回答
-
好帮手慕糖
2018-11-15
同学你好，是多选框还是单选框，是根据type来进行区分的，并不是name。type是是规定类型的。
这里直接使用velue，以及吧toggle的规定为数组就可以了，所以建议：这里可以不使用true-value。
祝学习愉快！
0 -
hy_wang
提问者
2018-11-15
<input type="checkbox" v-model="toggle" :true-value='aaa' :false-value='dd' name='checkone'> <input type="checkbox" v-model="toggle" :true-value='bbb' :false-value='ee' name='checkone'> <input type="checkbox" v-model="toggle" :true-value='ccc' :false-value='ff' name='checkone'>
修改之后变成了单选，明明是相同的name。checkbox和radio难道不是按照name分组吗
0 -
好帮手慕糖
2018-11-15
同学你好，官网是指如下这个吗？
1、你写的跟官网的还是有区别的哦，若想使用这个，toggle是不需要定义为数组的，字符串即可，例：
2、定义为字符串是可以显示的，不过显示的是aaa这个字符串，若想指定它的值（aaa: "多选1",）这种的话，需要添加“：”例：
若能帮助到你，望采纳。
祝学习愉快！
0h018-11-15 -
好帮手慕糖
2018-11-15
同学你好，这里并没哟报错，不过也没有实现效果，这里选中的话，可以把值添加到数组，直接使用:value即可。
祝学习愉快！
0h018-11-15
相似问题