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

最新推荐文章于 2023-10-24 10:56:11 发布
最新推荐文章于 2023-10-24 10:56:11 发布
阅读量753 收藏 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.

弓弓弓長
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
el-select-tree:ElementUI的el-select与el-tree结合
05-07
import 'el-select-tree/lib/element-ui' ; 全球注册 import Vue from 'vue' ; import ElSelectTree from 'el-select-tree' ; Vue . use ( ElSelectTree ) ; 组件内注册 import ElSelectTree from 'el-select-tree'...
vue中select多选时，保存数据是数组，需要传入id和name
qq_29124867的博客
12-28 2548
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" ...
JS: 参数传递（值传递和引用传递）
weixin_48475463的博客
01-15 4292
JS: 参数传递（值传递和引用传递） 1.基本数据类型：string、number、boolean、null、undefined 2.引用数据类型：funcition、array、object . . . . 3.值传递和引用传递：值传递针对基本数据类型，引用传递针对引用数据类型，传递可以理解为复制变量值。
el-select数据过多的解决（纯前端）
weixin_41897680的博客
09-05 4916
el-select数据过多的解决（纯前端）
el-select 多选设置默认值后无法操作问题处理
duanyucong_的专栏
12-10 1104
element el-select
element ui中的select多选问题
weixin_46319117的博客
10-29 3626
在使用select下拉框多选时，在编辑用户角色时，编辑界面为select下拉框的model赋值了，选择的数据有问题，输入框中的值不能与下拉框的值对应上。
element-ui 远程搜索组件el-select在项目中组件化的实现代码
10-15
Element-UI的`el-select`组件是用于创建下拉选择框的，它提供了丰富的功能，包括远程搜索（remote search）。远程搜索在大型数据集或动态获取数据的情况下非常有用，因为它只在用户输入时向服务器请求数据，提高了...
详解element-ui中el-select的默认选择项问题
10-16
本文将深入探讨`el-select`组件在设置默认选择项时可能遇到的问题及解决方案。 首先，`el-select`是Element-UI提供的一个用于创建下拉选择列表的组件。它通常与`el-option`组件配合使用，`el-option`用于定义可选的...
报错：JSON parse error: Cannot deserialize value of type `long` from String “1,2“: not a valid `long` v
weixin_44124701的博客
04-18 6748
在使用ele-select多选组件后，将其转换为字符串存入数据库时json反序列化失败问题的某种解决办法
el-select中多选回显数据后没法重新选择和更改
热门推荐
疑问 搜索 动手 解决 记录
03-02 1万+
<el-select v-model="list" filterable multiple @change="$forceUpdate()"></el-select> 标签里加个@change="$forceUpdate()" 就好了
el-select 重写（动态加载，已保存值无法回显问题）
思渝崖
05-20 2535
element ui的 el-select 不满足需求，看了下源码对其中的某些方法重写 问题: 下拉选项数据为动态加载，用户之前选择了第一页之后的数据，在编辑回显时，无法显示之前的已选值 解决方案： 然后el-select设置成返回已选项的对象 需要保存选中项的code和name(需要和后端沟通，让他接口帮忙保存) 重写el-select 的回显值方法 下面是重写内容： <el-select ref="select" class="load-select" v-model=
el-select遍历，选中的选项后要保存的是个对象，并且每一组互不干扰
雩风季白的博客
03-04 1443
首先画页面 用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中的el-select中多选回显数据后没法重新选择和更改
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-07 511
element中的el-select中多选回显数据后没法重新选择和更改
Vue进阶（幺捌幺）：elementUI 中 select 多选，数据回显错误的问题解决方法
IT全栈 华强工作室
04-13 7104
前言 在项目开发过程中遇到这样一个问题，新建表单时用element的select多选以后，在编辑的时候打开表单发现其他组件数据能正常显示，多选却无法正常回显。 表单代码如需： <el-select v-model="textForm.receDeptIds" multiple filterable allow-create default-first-option @change="changeSelect
el-select下拉框多选处理选中数据
chenThreeMetals的博客
06-24 2244
el-select下拉框设置多选属性：multiple <el-col :span="8"> <el-form-item label="保管员" label-width="120px"> <el-select v-model="form.custodianList" :disabled="isDetail" :placeholder="isDetail ? '' : '请选择保管员'" st.
使用elementui在打开编辑页面时select多选选择框(自定义模板)不能正常显示
低调哥的博客
08-09 4286
问题:使用elementui在打开编辑页面时select多选选择框(自定义模板)不能显示文字,只显示标签 项目上的select下拉数据是在聚焦时才加载数据; 解决方法:select下拉数据改成页面初始化时就加载; 原因:组件已经渲染完成，数据仍在加载 <el-select v-model="searchFormData.area3" class="mediaInput" mu...
项目中会遇到的问题，el-select组件不回显，数据多选保存空白问题
最新发布
weixin_43204464的博客
10-24 5424
2.如果绑定正确，可能是属性值数据类型不正确，比如，我的问题就是后台el-option绑定的数组，里面的id是number类型，而这一条数据给的id、是string类型，所以不回显label，只回显value。1.检查属性是否绑定正确，比如value绑定的数据，是否和数组的：key一致。label是否绑定的是要回显的数据。
element中el-select多选，change中获取当前选择的个体
04-04
可以通过监听 el-select 的 change 事件，然后在回调函数中获取当前选择的个体。 示例代码： ``` <template> <el-select v-model="selected" multiple @change="handleChange"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </template> <script> export default { data() { return { options: [ { value: 'option1', label: '选项1' }, { value: 'option2', label: '选项2' }, { value: 'option3', label: '选项3' }, { value: 'option4', label: '选项4' } ], selected: [] } }, methods: { handleChange(value) { console.log('当前选择的个体：', value) } } } </script> ``` 在上述示例中，el-select 的 multiple 属性设置为 true，表示可以多选。@change 表示监听 change 事件，当选择的个体发生变化时，回调函数 handleChange 会被触发。handleChange 函数的参数 value 表示当前选择的个体，可以通过它获取当前选择的个体。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值