Element:el-select多选后点击保存，再次选择不显示的问题

最新推荐文章于 2024-03-09 16:20:55 发布
最新推荐文章于 2024-03-09 16:20:55 发布
阅读量796 收藏 2
点赞数 3
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46939955/article/details/120988423
版权

直接强制刷新

<el-select
	v-model="value"
	multiple
	@change="changeOptions"
	placeholder="请选择">
	<el-option
		v-for="item in options"
		:key="item.key"
		:label="item.label"
		:value="item.value"
	></el-option>
</el-select>

changeOptions() {
      this.$forceUpdate();
    }

over.

弓弓弓長
关注
Element: el-select 多选传值
weixin_54362826的博客
08-04 1209
修改前： 修改后： <el-form-item label="项目维保员" prop="groupUserList"> <el-select v-model="ruleForm.groupUserList" placeholder="请选择维保员" multiple> <el-option v-for="item in groupUserL.
element中el-select多选v-model是对象数组
小马甲
12-09 2170
`element`中的`el-select`的`v-model`一般都是字符串或者字符串数组，但是有些时候后端接口要求该字段要传对象或者对象数组，如果再转换一次数据，对于保存配置和回显都是吃力不讨好的事情。把`el-option`的`value`改成`item`，结果发现竟然会报错 children must be keyed:
el-select选择之后值不显示在文本框的问题解决
前端笔记——放弃很容易,但坚持一定很酷
01-24 1194
在el-collapse-item中使用子组件，子组件里是el-form-item代码。el-select在for循环中，可以有多个。查了一下博客，有的说这种场景需要给el-select添加@change事件，加上 this.$forceUpdate() 强制刷新即可。也有说使用this.$set去设置，但都不适用我的场景，试了没效果。处理：在子组件的根节点上，加上了一个class属性之后，问题修复。
vue 中 el-select 回显 再次选择不显示最新
曾令胜的博客
07-28 896
添加@change="$forceUpdate()" <el-select size="small" v-model="dialogModal.gender" placeholder="请选择性别" @change="$forceUpdate()"> <el-option v-for="operation in genderList" :label="operation.name" :value="operation.value"></el-option&g
Element-ui el-select远程搜索重复输入两次一样的query第二次不发送请求
qq_46602557的博客
12-15 1634
Element-ui el-select远程搜索重复输入两次一样的query第二次不发送请求 this.refs.select.query=null或者this.refs.select.query=null 或者 this.refs.select.query=null或者this.refs.select.setQuery = null 这个可能会取决于element-ui的版本，可以console.log一下this.select里面相关的query方法 将其值设置成null或者‘’即可 ...
使用elementui在打开编辑页面时select多选选择框(自定义模板)不能正常显示
低调哥的博客
08-09 4334
问题:使用elementui在打开编辑页面时select多选选择框(自定义模板)不能显示文字,只显示标签 项目上的select下拉数据是在聚焦时才加载数据; 解决方法:select下拉数据改成页面初始化时就加载; 原因:组件已经渲染完成，数据仍在加载 <el-select v-model="searchFormData.area3" class="mediaInput" mu...
项目中会遇到的问题，el-select组件不回显，数据多选保存空白问题
weixin_43204464的博客
10-24 6096
2.如果绑定正确，可能是属性值数据类型不正确，比如，我的问题就是后台el-option绑定的数组，里面的id是number类型，而这一条数据给的id、是string类型，所以不回显label，只回显value。1.检查属性是否绑定正确，比如value绑定的数据，是否和数组的：key一致。label是否绑定的是要回显的数据。
vue element plus对话框第二次点击时 选择器不显示
niyooooo的博客
04-19 2175
第一次点击时下拉框出现正常，关闭窗口后再次进入，选择器的下拉框不会出现 可给选择器设置属性:teleported="false" 但是这样写后日期选择器显示不全，
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
在使用element-ui开发Web项目时，经常会遇到一些组件使用上的细节问题，其中element-ui中的下拉多选框组件el-select使用时，如何设置默认值且不可删除，是一个较为常见的需求。本文将详细介绍如何解决这个问题，以及...
el-select 下拉框多选实现全选的实现
10-16
在Web前端开发中，el-select是Element UI库中提供的一个常用的下拉选择组件。它可以方便地实现单选或多选功能，但在某些场景下，用户需要实现全选功能，即在多选下拉框中可以选择或取消选择所有选项。文章《el-...
element中的el-select中多选回显数据后没法重新选择和更改
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-07 588
element中的el-select中多选回显数据后没法重新选择和更改
关于element-ui下拉框多选回显的问题
paladin_java的博客
06-18 8564
问题： 在项目中使用的是 element ui 组件库，在使用select多选下拉框时，编辑页面不知道怎么为其赋值回显数据 解析：在新增选择的时候，多选下拉框是多条数据，选择的数据是数组id格式，所以编辑回显的时候，要将回显的数组赋值给下拉框，就会有效果 这是新增时定义的下拉框 新增时下拉框的值是个数组 也就是vlaue的值，通常都是id，传给后台就是一个数组id或者.join...
el-select遍历，选中的选项后要保存的是个对象，并且每一组互不干扰
雩风季白的博客
03-04 1484
首先画页面 用vue + element-ui可以实现 <td width=8% v-for="(Item, Index) in item.weekList" :key="Index"> <div v-else class="staff_item_input"> <el-select clearable v-model="Item.times" value-key="keyValue"> <el-option v-for="(vItem, vI
element ui select组件清空选中状态后再次选择不显示问题
热门推荐
weixin_43926335的博客
06-24 1万+
问题描述 表单中使用两个select 由第一个select控制另一个select的可选值 watch: { "stepInfo.type": function(newValue, oldValue) { this.stepInfo.ktype = null; } }, 监听select清除另一个select选中选项 解决方法 // 在另一个受控制的select c...
el-select 多选设置默认值后无法操作问题处理
duanyucong_的专栏
12-10 1176
element el-select
el-select下拉框无法显示 elementplus踩坑日常
最新发布
m0_58031031的博客
03-09 3037
检查是否element-plus版本过旧，至少要下载^1.0.2-beta.66 可以在package.json看到版本号。在el-select里面加入:popper-append-to-body="false"使用elementui的dropdown平替一下，这个成功解决了我的问题；如果报错是版本冲突可以用npm install --force解决。在使用el-select的时候参考了官方文档，但下拉框无法显示。安装不同版本的element-plus方式（部分适用）缺点：后续需要自己再调一下格式。
el-select 重写（动态加载，已保存值无法回显问题）
思渝崖
05-20 2692
element ui的 el-select 不满足需求，看了下源码对其中的某些方法重写 问题: 下拉选项数据为动态加载，用户之前选择了第一页之后的数据，在编辑回显时，无法显示之前的已选值 解决方案： 然后el-select设置成返回已选项的对象 需要保存选中项的code和name(需要和后端沟通，让他接口帮忙保存) 重写el-select 的回显值方法 下面是重写内容： <el-select ref="select" class="load-select" v-model=
vue中select多选时，保存数据是数组，需要传入id和name
qq_29124867的博客
12-28 2651
1、数据格式如下，是个数组，要求传入id和title 2、在el-select中设置value-key值为唯一，在el-option里面设置:value为item即可 <el-select v-model="optForm.outInvoiceTitlesList" value-key="cid" multiple > <el-option v-for="item in invoiceList" ...
element ui中的select多选问题
weixin_46319117的博客
10-29 3685
在使用select下拉框多选时，在编辑用户角色时，编辑界面为select下拉框的model赋值了，选择的数据有问题，输入框中的值不能与下拉框的值对应上。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值