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

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 请上面代码做什么处理或什么混淆
  • ¥15 英雄联盟自定义房间置顶
  • ¥15 W5500网线插上无反应
  • ¥15 如何用字典的Key,显示在WPF的xaml中
  • ¥15 weautomate读取Excel表格信息然后填写到网页一直报错,如何解决?
  • ¥15 C#如何在Webview2中获取网页验证码
  • ¥15 esp32烧录失败,具体情况在图片上
  • ¥15 selenium安装报错
  • ¥15 在node.js中无法安装yarn
  • ¥15 python程序修改