一剑荒芜 2021-04-28 13:10 采纳率: 66.7%
浏览 1749
已采纳

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条回答 默认 最新

  • 浴火_凤凰 2021-04-28 14:16
    关注

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

    在button绑定V-model

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 如何解决MIPS计算是否溢出
  • ¥15 vue中我代理了iframe,iframe却走的是路由,没有显示该显示的网站,这个该如何处理
  • ¥15 操作系统相关算法中while();的含义
  • ¥15 CNVcaller安装后无法找到文件
  • ¥15 visual studio2022中文乱码无法解决
  • ¥15 关于华为5g模块mh5000-31接线问题
  • ¥15 keil L6007U报错
  • ¥15 webapi 发布到iis后无法访问
  • ¥15 初学者如何快速上手学习stm32?
  • ¥15 如何自动更换布娃娃图片上的衣服