不想努力的程序员 2022-02-11 09:19 采纳率: 52.7%
浏览 598
已结题

element-plus 使用checkbox标签无法选中

vue3.0+element-plus 使用el-checkbox-group无法选中
代码:

   <el-form-item label="口味:" label-width="120px" prop="dishTaste">
          <el-checkbox-group v-model="chooseTasteList" @change="chooseTaste">

              <el-checkbox v-model="tasteList.id"
                           v-for="(tasteList,tasteListndex) in getInitializeData.getTasteList"
                           :key="tasteListndex"
                           :label="tasteList.tasteName"
                           size="large"></el-checkbox>

          </el-checkbox-group>


        </el-form-item>

这个是有默认选项,但是选择其他的无法选中,这是哪里出问题了
效果如下图

img


而且默认选中的这个无法取消,咋解决这个

  • 写回答

4条回答 默认 最新

  • 原莱_ 2022-02-11 10:10
    关注

    把 v-model="tasteList.id" 去掉

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 崽崽的谷雨 2022-02-11 09:39
    关注
    评论 编辑记录
  • 你好!机器人 2022-02-11 10:26
    关注

    应该是你chooseTaste这个方法有问题,你贴下代码

    评论
  • qq_45217345 2022-02-11 10:45
    关注
    
    <template>
      <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
      <div style="margin: 15px 0;"></div>
      <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
        <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>
      </el-checkbox-group>
    </template>
    <script>
      const cityOptions = ['上海', '北京', '广州', '深圳'];
      export default {
        data() {
          return {
            checkAll: false,
            checkedCities: ['上海', '北京'],
            cities: cityOptions,
            isIndeterminate: true
          };
        },
        methods: {
          handleCheckAllChange(val) {
            this.checkedCities = val ? cityOptions : [];
            this.isIndeterminate = false;
          },
          handleCheckedCitiesChange(value) {
            let checkedCount = value.length;
            this.checkAll = checkedCount === this.cities.length;
            this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
          }
        }
      };
    </script>
    
    

    https://element.faas.ele.me/#/zh-CN/component/checkbox

    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 2月14日
  • 已采纳回答 2月11日
  • 创建了问题 2月11日

悬赏问题

  • ¥15 我现在有一些关于提升机故障的专有文本数据,量也不多,我在label studio上进行了关系和实体的标注,完成了知识图谱的构造,那么我使用生成式模型的话,我能做哪些工作来写我的论文?
  • ¥15 电脑连不上无线网络如下诊断反馈应该如何操作
  • ¥15 telegram api 使用forward_messages方法转发消息时,目标群组里面会出现此消息来源,如何隐藏?
  • ¥15 在ubuntu中无法连接到远程服务器传输文件
  • ¥15 关于#tensorflow#的问题:有没有什么方法可以让机器自己学会像素风格的图片
  • ¥15 Oracle触发器字段变化时插入指定值
  • ¥15 docker无法进入容器内部
  • ¥15 qt https 依赖openssl 静态库
  • ¥15 python flask 报错
  • ¥15 改个密码引发的项目启动问题