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>

即可正常显示。

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

 

多选同理

posted @ 2019-03-30 17:15  biubiubia  阅读(433)  评论(0编辑  收藏  举报