vue中el-select中多选回显数据后没法重新选择和更改的解决
作者：小叮当仁不让
本文主要介绍了vue中el-select中多选回显数据后没法重新选择和更改解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
本文主要介绍了vue中el-select中多选回显数据后没法重新选择和更改的解决，分享给大家，具体如下：
<el-form-item label="展示内容" prop="videoId">
<el-select class="modal-input" multiple v-model="form.videoId">
<el-option
class="modal-input"
v-for="(item) in videoIdTypes"
:key="item.id"
:label="item.videoName"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
点击选择和删除都无效
添加事件，实现选择一次就刷新，迫使 Vue 实例重新渲染
<el-form-item label="展示内容" prop="videoId">
<el-select class="modal-input" multiple v-model="form.videoId" @change="$forceUpdate()">
<el-option
class="modal-input"
v-for="(item) in videoIdTypes"
:key="item.id"
:label="item.videoName"
:value="item.id"
></el-option>
</el-select>
</el-form-item>到此这篇关于vue中el-select中多选回显数据后没法重新选择和更改的文章就介绍到这了,更多相关el-select没法重新选择和更改内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！