当前位置: 首页 > news >正文

el-checkbox勾选一个变成了勾选所有

问题:

el-checkbox完成后勾选一个选项变成了所有选项都勾选了。非model值不正确,我的model值绑定的是数组,但是还是勾选一个变成了勾选多个。

解决

因为勾选的内容比较简单,且值不需要入库,所以我最开始定义的option为

options:['选项1','选项2','选项3'],

最开始的错误代码如下:

 <el-checkbox-group v-model="checkdIds"> <el-checkbox v-for="item in options" :key="item" >{{ item }}</el-checkbox> </el-checkbox-group> options:['选项1','选项2','选项3'],
checkdIds:[]

后面我改成循环对象数组的方式,代码如下,我发现还是存在勾选一个变成勾选多个。

其解决方式就是再加一个label的赋值,然后就可以成功的一个个的进行勾选了。

  后面我改成循环对象数组的方式,代码如下,我发现还是存在勾选一个变成勾选多个。 问题代码:<el-checkbox-group v-model="checkdIds"> <el-checkbox v-for="item in options" :key="item.id">{{ item.value }}</el-checkbox> </el-checkbox-group>  正确代码:<el-checkbox-group v-model="checkdIds"> <el-checkbox v-for="item in options" :key="item.id" :label="item.id">{{ item.value }}</el-checkbox> </el-checkbox-group> options:[
{id:'1',value:'选项1'},
{id:'2',value:'选项2'},
{id:'3',value:'选项3'}
],
checkdIds:[]

 

 

http://www.lryc.cn/news/475001.html

相关文章:

  • ExpandingCard扩展卡片
  • 移远通信推出八款天线新品,覆盖5G、4G、Wi-Fi和LoRa领域
  • MySQL 9从入门到性能优化-创建触发器
  • UE5 第三人称学习之动画 control rig
  • C++之--初见模板初阶
  • Nature|用于无线监测颅内信号的植入式柔性超声波传感器(柔性传感/健康监测/植入式电子/水凝胶)
  • 【和AI的《趣味》聊天】01 AI:你找茬是吧(
  • “发放父作业单”是“过数”用例里面的内容吗
  • Linux补基础之:网络配置
  • 【flink】之kafka到kafka
  • 微信小程序时间弹窗——年月日时分
  • 杂货 | 每日资讯 | 2024.11.1
  • Genmoai-smol:专为单 GPU 优化的开源 AI 视频生成模型,低显存生成高质量视频
  • RHCE8
  • 长短期记忆网络(LSTM)如何在连续的时间步骤中处理信息
  • MySQL基础(三)
  • 浏览器八股
  • 华为机试HJ18 识别有效的IP地址和掩码并进行分类统计
  • 计算机网络——TCP拥塞控制原理
  • ubuntu-开机黑屏问题快速解决方法
  • DNS服务器
  • 【C++笔记】string类使用详解
  • 数字隔离器与光隔离器有何不同?---腾恩科技
  • 方差与协方差
  • 【含文档】基于Springboot+Vue的工商局商家管理系统 (含源码数据库+LW)
  • 【股票市场情绪量化模型】
  • Oracle视频基础1.3.8与1.4.1练习
  • 基于前馈神经网络模型和卷积神经网络的MINIST数据集训练
  • Vue3中Element Plus==el-eialog弹框中的input无法获取表单焦点
  • 16.网工入门篇--------介绍下网络服务及应用