qq_42138058
一剑荒芜
采纳率80%
2021-04-28 13:10 阅读 97

Element UI 多选框回显选中


<el-checkbox-group v-model="dataForm.effectiveDate">
<el-checkbox-button v-for="(item, index) in checkList" :label="item.name" :key="index" @change="updateCheckBox(index)" ></el-checkbox-button>
</el-checkbox-group>

// 渲染的集合
checkList:[
        {"name": "周一", "value": "1", "flag": true},
        {"name": "周二", "value": "2", "flag": true},
        {"name": "周三", "value": "3", "flag": true},
        {"name": "周四", "value": "4", "flag": true},
        {"name": "周五", "value": "5", "flag": true},
        {"name": "周六", "value": "6", "flag": true},
        {"name": "周日", "value": "7", "flag": true}
      ],




各位前端大神,请问这个element ui怎么实现编辑的时候回显选中?

还有个问题就是,点击编辑弹出编辑页面后,我点击一个多选框就全部选中了再点击一下就全取消选中了。

 

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • 已采纳
    kingwolf_JavaScript 浴火_凤凰 2021-04-28 14:16

    选中与否 要设置单个按钮的属性 不要设置按钮组的属性

    在button绑定V-model

    点赞 评论 复制链接分享
  • leewen5 leewen5 2021-04-28 15:30

    你el-checkbox-button  里面应该还有个:value吧

    点赞 1 评论 复制链接分享
  • qq_36911145 封印di恶魔 2021-04-28 15:54

    反显的时候自己组装个value数组赋值给dataForm.effectiveDate

    全选全取消可能是change事件里写的有问题吧

    点赞 1 评论 复制链接分享

相关推荐