H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【element-ui】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上就怎么点也没反应,感谢各位大佬

回答:

//不知道你的数据是什么样,假设
    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"

本文地址:H5W3 » 【element-ui】element-ui el-checkbox选择样式问题

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址