ElementUI中的el-select中multiple多选回显数据后没法编辑

德墨忒尔

于 2020-09-01 23:50:56 发布

阅读量4.1k

点赞数 6

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/u012748043/article/details/108353316

版权

vue 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

场景：在编辑数据时，使用v-model绑定 el-select多选，但无法进行编辑、删除，这是因为由于一些嵌套特别深的数据，导致数据更新了，但是页面却没有重新渲染，需要使用this.$forceUpdate()迫使 Vue 实例重新渲染。在el-select 中使用@change="$forceUpdate()"

<el-select v-model="formData.tagsArray" placeholder="请选择标签" multiple clearable :style="{width: '100%'}"
  @change="$forceUpdate()">
  <el-option v-for="(item) in tagsOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>