element-ui el-checkbox选择样式问题

<el-checkbox-group  v-model="prop.newItem" :max="1">
     <el-checkbox true-label="1" false-label="0">新品</el-checkbox>
</el-checkbox-group>

如上代码,我双向绑定的是prop.newItem后台给我的是0&1 想要的效果是,后台给我1的时候选中0则不选中,现实的结果是返我1的时候它没选中样式,然后我把v-model放到el-checkbox上就怎么点也没反应,感谢各位大佬

阅读 6.7k
2 个回答
//不知道你的数据是什么样,假设
    data () {
      return {
          isCheckeds:[],
        newItems:[{
                lable:'xp',
                content:'新品',
                isChecked:1
            },{
                lable:'rm',
                content:'热门',
                isChecked:0
            }]
      };
    }
            
//不使用<el-checkbox-group>
<el-checkbox v-for="item in newItems" true-label="1" false-label="0" v-model='item.isChecked == 1'>
    {{item.content}}
</el-checkbox>

demo:https://jsfiddle.net/vidanao/...

要绑定数字01,不是字符串01
:true-label="1" :false-label="0"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题