el-select的multiple属性从false切换为true时页面值不清空

最新推荐文章于 2024-05-30 11:27:58 发布
最新推荐文章于 2024-05-30 11:27:58 发布
阅读量376 收藏 1
点赞数
分类专栏： vue+elementUI 文章标签： vue.js elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43965251/article/details/125330808
版权

需求：el-select新增的时候可以多选，编辑的时候不可以多选

问题：el-select的multiple属性从false切换为true时页面值不清空

操作流程：先打开编辑的弹窗，再打开新增的弹窗，页面值不清空

在这里插入图片描述

解决方法：

1.新增的时候先将这个值变成undefined
2.在this.$nextTick()中清除校验
2.将multiple设置为true
3.再重新设置这个值为[]
在这里插入图片描述

在这里插入图片描述

mo33qiao
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
el-select-tree:ElementUI的el-select与el-tree结合
05-07
ElementUI的el-select与el-tree结合在一起。 在线示例 用法 安装 npm install --save el-select-tree 需要element-ui 如果您的项目不使用element-ui，则需要引入一个单独的element-ui包，如下所示： import 'el-...
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
【vue】修改el-select弹出框样式
栀妹儿的炼丹炉
09-19 949
在el-popover元素上添加 popper-class="（自定义样式类名）"属性，即，然后使用在全局样式.el-popover.myPopover{自定义样式}来修改弹框效果。如图el-popover弹框和el-select下拉项的的容器是div#app之外的，所以在scoped作用域内使用>>>或/deep/修改样式无效。el-popover弹框的样式。
el-select 下拉框全选、多选的几种方式组件
IT博客技术分享
09-19 3973
由于添加了：collapse-tags 属性后，全选选中的时候，正常会默认选中第一个label的值显示，后面是 + 全部数量 -1 . 我们可以在初始化的时候，把默认选中的数组里面最前面添加一项“全选”2. 用selectArr的变量存一下， value的数组 过滤出不含 全选的，剩余全部数据。1. 先用arr1的变量存一下，把下拉框的数组 过滤出不含 全选的，剩余全部数据。：判断如果是全选就在最前面 添加1项 value 值 ‘全选’直接添加一个【全选】复选框，实现的功能跟方法一是一样的。
el-select 的multiple属性从false切换为true时页面值不清空
weixin_45714898的博客
05-17 1864
el-select 的multiple属性从false切换为true时页面值不清空 el-select的multiple初始值设置为false单选 选中性别 点击按钮切换multiple为true，选择框的值selectValue设置为[]，但是页面上选择框的值并没有清空 解决办法，先把selectValue置为undefined, 再在nextTick里面切换multiple为true，把selectValue设置为[] 代码： <!-- 选择框 -->
vue的select下拉框多选项-multiple属性
热门推荐
祈澈菇凉
09-01 2万+
最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台，使用起来其实还挺方便的，大部分的组件源码里面都已经写好了，用的时候只需要把源码拿出来修改修改，也就成了。 这里记录一下开发过程中遇到的一些功能。 资料相关 vue-element-admin 推荐指数：star:55k Github 地址：https://github.com/PanJiaChen/vue-el...
el-select控制单选还是多选
懒虫的博客
08-14 1518
el-select控制单选还是多选
el-select 添加 multiple 属性,下拉多选,赋值后点不动
胡萧徒的博客
07-28 8904
在使用 element 框架时遇到的坑, el-select 下拉多选,赋值后就点不动了. 在网上找了一些答案,发现是 双向绑定出了问题. 于是 把 原来赋值的方式. this.selectVal = [1,2,3] //[1,2,3]是新值 改为 this.$set( this,'selectVal',[1,2,3] ) 就解决了. ...
vue el-select multiple 下拉多选控件，一打开页面就会触发表单校验问题
mm
01-07 2344
问题描述：form表单中使用 el-select multiple 下拉多选控件，并设置了非空校验，打开页面时，下拉多选控件会自动触发表单非空校验，如下图： 预期效果是：打开页面，机构和其他属性一样，不会自动触发表单非空校验，而是在操作当前属性时触发。 解决方案：设置初始值为空数组 ...
el-select 下拉框多选实现全选的实现
10-16
主要介绍了el-select 下拉框多选实现全选的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue: 多个el-select不能重复选择相同属性
02-22
例子：多个el-select不能重复选择相同属性
el-select 多选 回显清除不掉每个选项
qq_44716001的博客
08-21 395
el-select多选multiple数据无法删除，回显成功，但无法编辑，选中和删除都没反应
浮游的博客
11-29 1318
回显的数据是从后台接口得来，由于数据层次太多，导致render函数没有自动更新；使用 @change = “$forceUpdate()” 强制刷新视图。
el select 清空_element-ui里面的下拉多选框 el－select 时，默认值不可删除
weixin_39633171的博客
12-21 643
这里讲具体用法1.在main.js 编写一个自定义指令放在newVue外Vue.directive('defaultSelect',{componentUpdated(el,bindings,vnode){//valuesv-model绑定值//options下拉选项//prop对应options中的value属性//defaultProp默认值判断属性//...
element el-select multiple 回显时 删除 添加无效问题
u012174809的专栏
12-07 1270
这个问题，我没百度时，浪费了几十分钟，百度后，30秒搞定，有问题没头绪还是先百度呀。 <el-select v-model="ruleForm.tagList" :multiple="true" :clearable="true" style="width:100%" @change="$forceUpdate()"
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1074
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
最新发布
山花的博客
05-30 314
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 203
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 387
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
el-select有multiple属性根据value回显
04-25
当el-select设置了multiple属性时，它可以允许用户多选选项，同时可以通过设置v-model绑定数据来实现数据双向绑定。当需要根据value来回显选中的选项时，可以通过将v-model绑定在一个数组上，并且将value作为数组的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值