默认值不选中。
初始化不回显
<el-col :span="2" style="text-align: right; padding-right: 10px;"> <span class="text-gray-500">班组</span> </el-col> <el-col :span="6" > <el-radio-group v-model="form.banzu"> <el-radio :value="1">是</el-radio> <el-radio :value="2">否</el-radio> </el-radio-group> </el-col>
如果不加:那么修改的时候不显示 读取的是或者否。 2个都不选。
但是添加的时候,我也没有加冒号:
添加就是正常的。添加弄个初始化值也是正常。
总之一句话,修改的话,必须加冒号: vlaue前面的冒号
在你的描述中,你遇到的问题是关于 Vue.js 中 v-model
和 value
属性绑定的问题。首先,理解 :
(或 v-bind:
)在 Vue.js 中的作用是关键。:
用于动态绑定属性到 Vue 实例的数据上。
为什么添加时正常,修改时必须加冒号?
添加时:如果你没有使用 :
来绑定 value
,那么 Vue 会将 value
属性当作字符串 "1"
和 "2"
来处理,而不是动态数据。如果表单的初始值(form.banzu
)恰好是 "1"
或 "2"
(字符串形式),那么它看起来会正常工作,因为字符串比较是匹配的。
修改时:当使用 v-model
时,form.banzu
的值通常是数字类型(假设你的后端或业务逻辑中是这样处理的)。如果此时不使用 :
绑定 value
,那么 value="1"
和 value="2"
实际上是字符串,与数字类型的 form.banzu
不匹配,因此不会选中任何选项。
为什么添加时可以正常初始化值?
初始化值能正常工作,可能是因为初始值恰好与未使用 :
时的字符串值匹配。例如,如果 form.banzu
的初始值是字符串 "1"
,那么它会匹配 <el-radio value="1">
。
站长微信:xiaomao0055
站长QQ:14496453