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

el-select 多选,选有一个未选择的选项

多选有未选择这个选项后。会出现一个情况,绑定的数据为[‘未选择’,‘cpu1’,‘cpu2’]

在这里插入图片描述

进行一个处理,选择(未选择)就清除(其它的选择),选择(cpu)就清除(未选择的选中)

处理后不会出现未选择和cpu同时选中的情况

<el-select v-model='this.Form1.cpuBind' @change='CpuChange("cpuBind")'><el-option value='close' label='未选择'></el-option>//cpu...
</el-select>
//el-selcet绑定change事件   调用CpuChange('el-select绑定的变量名')
//close是未选择的option的value
CpuChange(value){if (this.Form1[value].length > 1 && this.Form1[value].includes('close')) {let index = this.Form1[value].indexOf('close')let isLastElement = index === this.Form1[value].length - 1if (isLastElement) {this.Form1[value]= ['close']} else {if (index !== -1) {this.Form1[value].splice(index, 1)}}}},
http://www.lryc.cn/news/273298.html

相关文章:

  • CISSP 第6章: 密码学与对称加密算法
  • 《深入理解C++11:C++11新特性解析与应用》笔记八
  • 算法——BFS解决FloodFill算法
  • 【Linux】常用的基本命令指令②
  • 52、全连接 - 特征与样本空间的对应关系
  • Go语言中的包管理工具之Go Vendor的使用
  • QString设置小数点精度位数
  • 基于Java驾校预约管理系统
  • C++面向对象高级编程(侯捷)笔记2
  • 双曲正弦函数(*) 优化麦克劳林公式
  • 无监督关键词提取算法:TF-IDF、TextRank、RAKE、YAKE、 keyBERT
  • web3 : blockscout剖析
  • 【机器学习基础】DBSCAN
  • 计算机硬件 4.4键盘与鼠标
  • Flappy Bird QDN PyTorch博客 - 代码解读
  • 听GPT 讲Rust源代码--compiler(9)
  • Go语言中关于go get, go install, go build, go run指令
  • 石头剪刀布游戏 - 华为OD统一考试
  • 【北亚服务器数据恢复】ZFS文件系统服务器ZPOOL下线的数据恢复案例
  • C# 反射的终点:Type,MethodInfo,PropertyInfo,ParameterInfo,Summry
  • 2020年认证杯SPSSPRO杯数学建模D题(第一阶段)让电脑桌面飞起来全过程文档及程序
  • 谷歌推出创新SynCLR技术:借助AI生成的数据实现高效图像建模,开启自我训练新纪元!
  • Vue2中使用echarts,并从后端获取数据同步
  • 【Redux】自己动手实现redux-thunk
  • ElasticSearch使用Grafana监控服务状态-Docker版
  • VS Code 如何调试Python文件
  • day06、SQL语言之概述
  • 3D目标检测(教程+代码)
  • 让设备更聪明 |启英泰伦离线自然说,开启智能语音交互新体验!
  • React Hooks之useState、useRef