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

<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>

即可正常显示。

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

 

多选同理

转载于:https://www.cnblogs.com/yl179578605/p/10628125.html