Radio单选框绑定的值为什么不更新?
我在用 Vue 写一个表单,Radio 选了之后 data 里的值没变,明明绑定了 v-model,但切换选项时 selectedValue 还是初始值。是不是哪里写错了?
我试过把 v-model 换成 :value + @change,结果还是一样没反应。控制台也没报错,就是数据不动。
<template>
<div>
<label><input type="radio" v-model="selectedValue" value="A"> 选项A</label>
<label><input type="radio" v-model="selectedValue" value="B"> 选项B</label>
<p>当前选中:{{ selectedValue }}</p>
</div>
</template>
<script>
export default {
data() {
return { selectedValue: 'A' }
}
}
</script>
试试看直接跑这个完整示例:
如果这个能跑通,说明你原来的代码是组件没被正确引入或者父组件没传值之类的。还有个坑,检查一下是不是有其他地方给
selectedValue写死了,或者有同名变量冲突。