vue字段类型为数字导致单选多选不正确

时间:2021-04-21 16:45:55
<el-radio v-model="limitForm.is_limit" label='1'>限制</el-radio>
<el-radio v-model="limitForm.is_limit" label='2'>不限制</el-radio>

动态获取值的时候拿到的是整数类型,如1

此时单选框为均未选中状态,需要对label设置加上:冒号,即

<el-radio v-model="limitForm.is_limit" :label='1'>限制</el-radio>
<el-radio v-model="limitForm.is_limit" :label='2'>不限制</el-radio>

即可正常显示。

原因:加冒号说明后面的是一个变量或者表达式,没加冒号的后面就是对应的字符串字面量。

 

多选同理