当前位置: 首页 > 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:[]

 

 

相关文章:

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

问题&#xff1a; el-checkbox完成后勾选一个选项变成了所有选项都勾选了。非model值不正确&#xff0c;我的model值绑定的是数组&#xff0c;但是还是勾选一个变成了勾选多个。 解决 因为勾选的内容比较简单&#xff0c;且值不需要入库&#xff0c;所以我最开始定义的option为…...

ExpandingCard扩展卡片

文章目录 演示效果分析思路核心代码总结 源码 演示效果 分析思路 使用flex布局&#xff0c;每个卡片的宽度都由flex进行灵活调整交互可以增加和删除active&#xff0c;来实现宽度扩增和恢复还需要使用transition进行动画过渡&#xff0c;使得平滑切换 核心代码 首先创建一个…...

移远通信推出八款天线新品,覆盖5G、4G、Wi-Fi和LoRa领域

近日&#xff0c;全球领先的物联网整体解决方案供应商移远通信宣布&#xff0c;再次推出八款高性能天线新品&#xff0c;进一步丰富其天线产品阵容&#xff0c;更好地满足全球客户对高品质天线的更多需求。具体包括5G超宽带天线YECT005W1A和YECT004W1A、5G天线YECT028W1A、4G天…...

MySQL 9从入门到性能优化-创建触发器

【图书推荐】《MySQL 9从入门到性能优化&#xff08;视频教学版&#xff09;》-CSDN博客 《MySQL 9从入门到性能优化&#xff08;视频教学版&#xff09;&#xff08;数据库技术丛书&#xff09;》(王英英)【摘要 书评 试读】- 京东图书 (jd.com) MySQL9数据库技术_夏天又到了…...

UE5 第三人称学习之动画 control rig

这个东西和建模软件里有的是一个东西&#xff0c;然后IK就是你动脚&#xff0c;他帮你算出小腿大腿该怎么动&#xff0c;FK就是你自己动了大腿&#xff0c;摆小腿&#xff0c;然后再摆脚 就是给每一根骨骼搞一个控制器&#xff0c;给他一个容易选中和操作更明显的图形作为控制…...

C++之--初见模板初阶

一、泛型编程 为了实现一个通用的函数&#xff0c;在此之前&#xff0c;我们学过函数重载&#xff0c;使用函数重载虽然可以实现&#xff0c;但是有一下几个不好的地方&#xff1a; 1. 重载的函数仅仅是类型不同&#xff0c;代码复用率比较低&#xff0c;只要有新类型出现时&a…...

Nature|用于无线监测颅内信号的植入式柔性超声波传感器(柔性传感/健康监测/植入式电子/水凝胶)

华中科技大学臧剑锋(Jianfeng Zang)、华中科技大学同济医学院附属协和医院姜晓兵(Xiaobing Jiang)和新加坡南洋理工大学陈晓东(Xiaodong Chen)团队,在《Nature》上发布了一篇题为“Injectable ultrasonic sensor for wireless monitoring of intracranial signals”的论…...

【和AI的《趣味》聊天】01 AI:你找茬是吧(

我&#xff1a; 以下哪个选项是中文&#xff1f; A.Chinese B.英文 AI&#xff1a; 我&#xff1a; 这不对吧&#xff0c;我说的是那个选项的语言是中文 AI&#xff1a; 非常抱歉&#xff0c;我之前的回答有误。您问的是哪个选项的语言是中文&#xff0c;那么答案应该是…...

“发放父作业单”是“过数”用例里面的内容吗

刘京城 2020-4-14 23:01 。。。。(注&#xff1a;这是一个人的昵称&#xff0c;不是省略号) 首先&#xff0c;执行者是同一个&#xff0c;那么思考焦点要关注“过数”用例是不是“发放父作业单”用例的一个步骤&#xff0c;和行为操作的频率无关&#xff0c;而是和责任有关&am…...

Linux补基础之:网络配置

目录 一、检查主机与虚拟机是否能正常通信 二、网络的连接模式 桥接模式 流程 特点 NAT模式 流程 特点 仅主机 流程 特点 三、修改静态IP 四、可能遇到的问题 防火墙 DNS 五、主机名更改 六、登录服务器 实际的大数据管理中&#xff0c;会有由很多服务器构成的…...

【flink】之kafka到kafka

一、概述 本文档旨在介绍如何使用Apache Flink从Kafka接收数据流&#xff0c;并将处理后的数据写入到另一个Kafka Topic中。Apache Flink是一个开源的流处理框架&#xff0c;能够处理无界和有界数据流&#xff0c;并且支持高吞吐量和低延迟的数据处理。通过Flink与Kafka的集成…...

微信小程序时间弹窗——年月日时分

需求 1、默认当前时间2、选择时间弹窗限制最大值、最小值3、每次弹起更新最大值为当前时间&#xff0c;默认值为上次选中时间4、 minDate: new Date(2023, 10, 1).getTime(),也可以传入时间字符串new Date(2023-10-1 12:22).getTime() html <view class"flex bb ptb…...

杂货 | 每日资讯 | 2024.11.1

注意&#xff1a;以下内容皆为AI总结 2024年11月1日&#xff0c;人工智能&#xff08;AI&#xff09;领域发生了多项重要事件&#xff0c;标志着技术发展的新阶段。本文将详细探讨以下三大事件&#xff1a; OpenAI为ChatGPT新增搜索功能IEEE发布《2025年及以后的技术影响》报…...

Genmoai-smol:专为单 GPU 优化的开源 AI 视频生成模型,低显存生成高质量视频

❤️ 如果你也关注大模型与 AI 的发展现状&#xff0c;且对大模型应用开发非常感兴趣&#xff0c;我会快速跟你分享最新的感兴趣的 AI 应用和热点信息&#xff0c;也会不定期分享自己的想法和开源实例&#xff0c;欢迎关注我哦&#xff01; &#x1f966; 微信公众号&#xff…...

RHCE8

一、防火墙 防火墙&#xff1a;防火墙是位于内部网和外部网之间的屏障&#xff0c;它按照系统管理员预先定义好的规则来控制数据包的进出。防火墙又可以分为硬件防火墙与软件防火墙。 硬件防火墙是由厂商设计好的主机硬件&#xff0c;这台硬件防火墙的操作系统主要以提供数据…...

长短期记忆网络(LSTM)如何在连续的时间步骤中处理信息

长短期记忆网络&#xff08;LSTM&#xff09;如何在连续的时间步骤中处理信息 长短期记忆网络&#xff08;LSTM&#xff09;是一种高级的循环神经网络&#xff08;RNN&#xff09;&#xff0c;设计用来解决传统RNN在处理长时间序列数据时遇到的梯度消失或爆炸问题。LSTM通过其…...

MySQL基础(三)

一. 插入内容insert tips&#xff1a; &#xff08;一&#xff09;SQL中 表示 字符串&#xff0c;可以用 也可以用 " C/C、Java中&#xff0c; 表示字符&#xff0c;" 表示字符串SQL/Python/JS&#xff0c;没有字符类型&#xff0c;只有字符串&#xff0c; 和 &qu…...

浏览器八股

面试系列文章 万字总结我在寒冬里的面试准备经历前端铜九铁十面试必备八股文——【HTML&CSS】前端铜九铁十面试必备八股文——【JavaScript】前端铜九铁十面试必备八股文——【Vue】前端铜九铁十面试必备八股文——【浏览器】前端铜九铁十面试必备八股文——【网络相关】前…...

华为机试HJ18 识别有效的IP地址和掩码并进行分类统计

首先看一下题 描述 请解析IP地址和对应的掩码&#xff0c;进行分类识别。要求按照A/B/C/D/E类地址归类&#xff0c;不合法的地址和掩码单独归类。 所有的IP地址划分为 A,B,C,D,E五类 A类地址从1.0.0.0到126.255.255.255; B类地址从128.0.0.0到191.255.255.255; C类地址从192.0.…...

计算机网络——TCP拥塞控制原理

吞吐量 端口有16位...

从零构建AI智能体:核心架构、ReAct模式与实战指南

1. 项目概述&#xff1a;从零构建AI智能体的核心价值最近在GitHub上看到一个挺有意思的项目&#xff0c;叫pguso/ai-agents-from-scratch。光看名字&#xff0c;很多朋友可能就心动了——“从零开始构建AI智能体”&#xff0c;听起来就像是把那些神秘的大模型应用开发黑盒给彻底…...

Claude Code Skill 最佳实践:5 分钟封一个,6 条要点 + 团队共享

&#x1f449; 这是一个或许对你有用的社群&#x1f431; 一对一交流/面试小册/简历优化/求职解惑&#xff0c;欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料&#xff1a; 《项目实战&#xff08;视频&#xff09;》&#xff1a;从书中学&#xff0c;往事上…...

STL编程中EN/ENO机制详解:从原理到仿真实践

1. 项目概述&#xff1a;理解STL中的EN/ENO机制在工业自动化编程领域&#xff0c;尤其是可编程逻辑控制器&#xff08;PLC&#xff09;的编程中&#xff0c;结构化文本&#xff08;STL&#xff09;是一种高级的、类似于Pascal或C的文本化编程语言。对于从梯形图&#xff08;LAD…...

从10G到40G/50G:UltraScale+以太网IP核升级实战与GT资源规划

1. 从10G到40G/50G的升级挑战 当你第一次把项目从10G升级到40G/50G以太网时&#xff0c;最直观的感受就是"资源突然不够用了"。我去年接手一个视频处理项目时就深有体会——原本在10G环境下游刃有余的FPGA设计&#xff0c;切换到40G后GT资源立刻捉襟见肘。这里说的GT…...

通过环境变量安全配置Taotoken密钥实现跨平台开发

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 通过环境变量安全配置Taotoken密钥实现跨平台开发 在开发过程中&#xff0c;将API密钥等敏感信息硬编码在源代码中是常见的安全隐患…...

【NotebookLM+IEA/IRENA数据融合实战】:72小时内完成新型储能技术竞争力评估

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;NotebookLM能源技术研究 NotebookLM 是 Google 推出的基于 AI 的研究协作者工具&#xff0c;其核心能力在于对用户上传的文档进行语义理解与上下文驱动的问答。在能源技术研究领域&#xff0c;NotebookLM 可显…...

Markdown Viewer:打造终极浏览器Markdown阅读体验的完整解决方案

Markdown Viewer&#xff1a;打造终极浏览器Markdown阅读体验的完整解决方案 【免费下载链接】markdown-viewer Markdown Viewer / Browser Extension 项目地址: https://gitcode.com/gh_mirrors/ma/markdown-viewer Markdown Viewer是一款功能强大的浏览器扩展&#xf…...

Node.js调用Llama.cpp:本地部署大语言模型的完整指南

1. 项目概述&#xff1a;当Llama遇见Node.js如果你最近在折腾大语言模型&#xff08;LLM&#xff09;的本地部署&#xff0c;特别是对Meta的Llama系列模型情有独钟&#xff0c;同时又是一名Node.js开发者&#xff0c;那么你很可能已经听说过或者正在寻找一个像withcatai/node-l…...

智能代理模式在渗透测试中的应用:pentestagent架构解析与实战

1. 项目概述与核心价值最近在安全测试和红队演练的圈子里&#xff0c;一个名为GH05TCREW/pentestagent的项目开始被频繁提及。乍一看这个名字&#xff0c;你可能会觉得它又是一个普通的渗透测试工具集&#xff0c;但当你真正深入去研究和使用它时&#xff0c;会发现它的设计理念…...

LLM从零到英雄:四阶段学习路径与实战指南

1. 项目概述&#xff1a;从零到英雄的LLM学习之旅最近在GitHub上看到一个挺有意思的项目&#xff0c;叫“LLMs-Zero-to-Hero”。光看名字就挺带劲的&#xff0c;直译过来就是“大语言模型&#xff1a;从零到英雄”。这项目定位非常清晰&#xff0c;就是给那些想入门大语言模型&…...