vue element-ui Radio单选框组件默认值选不中的原因:混用字符串和数字

先贴灵感来源:element-ui Radio 单选框组件默认值选不中?

总结:
: label=“1”,表示label的值为数字1,即期待数据值为数字
label=“1”,表示label的值为字符串1,即期待的数据值为字符串1

**问题描述:**在写编辑信息弹窗时,性别的值一直不能根据v-model的值选中,但是用{{editForm.sex}}是能正确打印出单选框的label值的。
vue element-ui Radio单选框组件默认值选不中的原因:混用字符串和数字_第1张图片
以下是我的代码:

模板:


            
            

数据结构:

        //编辑界面数据
        editForm: {
          id: 0,
          name: '',
          sex: -1,
        },

模拟数据:

        tableData: [
          {name:'tom',sex:‘1’},
          {name:'cat',sex:‘0’},
        ],

结果发现,是因为我定义的数据sex的字段为数字,而模拟数据的sex值为字符串,两者不匹配,于是该Radio单选框组件默认值就选不中。
只要将模拟数据中sex改为数字即可。
总结:
: label=“1”,表示label的值为数字1,即期待数据值为数字
label=“1”,表示label的值为字符串1,即期待的数据值为字符串1

你可能感兴趣的:(vue,前端)