ElementUI中的el-select中multiple多选回显数据后没法编辑
程序员文章站
2022-05-31 15:58:20
...
场景:在编辑数据时,使用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>