element ui中的select多选回显之后不能正常编辑

数据分
• 阅读 5465
由于项目需求,在项目中使用用到了element中的select组件的多选功能(multiple),多选之后保存回显所选内容,从后端会拿到一个数组,然后我把这个数组赋值给前端多选对应的数组,这样多选的数据可以正常显示

element ui中的select多选回显之后不能正常编辑

问题是回显之后不能正常编辑,点击删除小图标也失效
解决方法采用change事件

element ui中的select多选回显之后不能正常编辑

在change事件中添加一个VUE本身的$forceUpdate方法进行强制渲染即可使select组件可正常编辑

element ui中的select多选回显之后不能正常编辑

采用这样的强制渲染的方式解决,不知道还有其他的方法嘛?

点赞
收藏
评论区
推荐文章
美凌格栋栋酱 美凌格栋栋酱
7个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
Wesley13 Wesley13
3年前
java将前端的json数组字符串转换为列表
记录下在前端通过ajax提交了一个json数组的字符串,在后端如何转换为列表。前端数据转化与请求varcontracts{id:'1',name:'yanggb合同1'},{id:'2',name:'yanggb合同2'},{id:'3',name:'yang
Chase620 Chase620
4年前
Vue组件(30)封装一下数据列表的控件
UI库的table好像前端喜欢叫table,而后端喜欢叫grid。就是现实数据的列表。当然table还有其他的含义,UI库的table也是有其他的功能的。而数据列表控件其实也没啥好封装的,各种功能UI库都提供了,一般使用也是很方便的,只是为了我的那种想法还是需要小小的封装一下。功能锁定行列(UI库自带)多选(整理)
Stella981 Stella981
3年前
Python+Selenium自动化篇
本篇文字主要学习selenium定位页面元素的集中方法,以百度首页为例子。0.元素定位方法主要有:id定位:find\_element\_by\_id('')name定位:find\_element\_by\_name('')class定位:find\_element\_by\_class\_name(''
Wesley13 Wesley13
3年前
unity 多选枚举
首先是自定义usingUnityEngine;usingSystem.Collections;usingUnityEditor;publicclassEnumFlagsAttribute:PropertyAttribute{}CustomPropertyDrawer(typeof
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Stella981 Stella981
3年前
Flutter入门(五)
\表单classTextFieldDemoextendsStatelessWidget{效果图!(https://oscimg.oschina.net/oscnet/03924702b8cb82283b0d20d37eb8aa3642a.jpg)\CheckBox多选import'pa
Wesley13 Wesley13
3年前
(selenium+python)_UI自动化05_定位select下拉列表
前言web网页大多选择功能使用下拉列表方式实现,在selenium进行自动化过程中,可通过Select类实现下拉列表的多种操作。Select常用方法select_by_index()通过索引定位选项select_by_value()通过value值定位选项select_by_visib
混世魔王 混世魔王
2年前
皕杰报表查询表单中的下拉树控件
所谓下拉树控件就是在单元格里生成一个下拉树。下面我们就看看下拉树如何设计?在皕杰报表查询表单中选择单元格控件为下拉树,就可以为下拉树设置属性和数据。属性包括多选模式、支持多选模式、只能选叶子节点、默认展开到第几层。数据包括数据来源和节点数据。设置界面见下图
达里尔 达里尔
1年前
给数组添加新数据,判断数据是否重复
多选要进行数组拼接,希望判断往原数组里添的新数据是否重复,封装个简易方法languageconstdataArrayname:'aaa',id:1,name:'bbb',id:2;constnewDataname:'ccc',id:2;//要添加的新数
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这