摘要：由于项目需求，在项目中使用用到了中的组件的多选功能，多选之后保存回显所选内容，从后端会拿到一个数组，然后我把这个数组赋值给前端多选对应的数组，这样多选的数据可以正常显示问题是回显之后不能正常编辑，点击删除小图标也失效解决方法采用事件在事件中
由于项目需求，在项目中使用用到了element中的select组件的多选功能（multiple），多选之后保存回显所选内容，从后端会拿到一个数组，然后我把这个数组赋值给前端多选对应的数组，这样多选的数据可以正常显示
问题是回显之后不能正常编辑，点击删除小图标也失效 解决方法采用change事件
在change事件中添加一个VUE本身的$forceUpdate方法进行强制渲染即可使select组件可正常编辑
采用这样的强制渲染的方式解决，不知道还有其他的方法嘛?
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/105066.html
摘要：关于的多选，数据回显的问题在工作中遇到这样一个问题，新建表单时用的多选以后，在编辑的时候打开表单发现其他数据能正常显示，多选却无法正常回显。这样多选器里的数据就能正常返显了。 关于element的select多选，数据回显的问题 在工作中遇到这样一个问题，新建表单时用element的select多选以后，在编辑的时候打开表单发现其他数据能正常显示，多选却无法正常回显。在网上找了很多后...
摘要：社区的认可目前已经是相关最多的开源项目了，体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。 完整项目地址：vue-element-admin 系类文章一：手摸手，带你用vue撸后台 系列一(基础篇)系类文章二：手摸手，带你用vue撸后台 系列二(登录权限篇)系类文章三：手摸手，带你用vue撸后台 系列三(实战篇）系类文章四：手摸手，带你用vue撸后台 系列...
摘要：社区的认可目前已经是相关最多的开源项目了，体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。 完整项目地址：vue-element-admin 系类文章一：手摸手，带你用vue撸后台 系列一(基础篇)系类文章二：手摸手，带你用vue撸后台 系列二(登录权限篇)系类文章三：手摸手，带你用vue撸后台 系列三(实战篇）系类文章四：手摸手，带你用vue撸后台 系列...
摘要：现在做项目主要用的框架差不多都是，但是每个项目设计的不同难免和组件产生差异甚至是大不相同，有的时候差异少比如页面样式不太相同，功能使用完全一样的话，这样改改样式就可以了，但是要大部分不同，而且改出来之后和设计稍差的话就可以自己来写了。。。 现在做vue项目主要用的ui框架差不多都是elementui，但是每个项目设计的不同难免和element组件产生差异甚至是大不相同，有的时候差异少比...
摘要：对于第一种方式，回显时只需要将从后台获取的数据拼接在一起就行，对于第二种方式，需要去进行循环对比，找出对应的索引值然后进行赋值，具体代码在这里。 距离上篇文章已经快九个月了，我是不是堕落了。。这篇文章主要是记录我在项目中遇到的一个小问题，其实说小也不小，在去年刚接触vue的时候，对于select如何绑定多个值这个问题一度让我不知所措。刚开始完全没接触过vue和elementUI直接上手...
阅读 1050·2021-11-15 18:14
阅读 3411·2021-11-15 11:37
阅读 633·2021-09-24 09:47
阅读 2110·2021-09-04 16:48
阅读 2050·2019-08-30 15:53
阅读 2282·2019-08-30 15:53
阅读 293·2019-08-30 11:20
阅读 1131·2019-08-29 16:08
