Vue的官方文档上说“checkbox 和 radio 使用 checked property 和 change 事件;”,我的第一反应就是radio默认绑定的是checked是否选中,一个布尔类型的值,然后我就绑定了一个响应式数据apple并将其初始值设置为true,我就期待一打开页面就选中,但我打开页面测试发现无论设置为true还是false都无法控制是否选中,后来我发现值为null时居然选中了,我不明白为什么会这样。(不写value属性下我想验证这个v-model默认绑定的checked到底是怎么一回事)
<body>
<div id="app">
<input type="radio" v-model="apple">苹果
</div>
<script src="./vue.js"></script>
<script>
const app = new Vue({
data: {
apple: true
}
}).$mount('#app')
</script>
</body>
回答过类似的 :
v-model绑定了radio的value,为什么必须要单独写value才能默认选中
首先任何一个html标签都应看它 没框架下的属性。
radio 怎么判定值 ,html就是通过 name 区分 radio选项组, value 区分具体值。
当你不指定 radio 的value时,请问是哪个值。
经测试 radio 不设置value 时 点击选择时 默认为 on