欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>


————————————————
版权声明:本文为CSDN博主「德墨忒尔」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/u012748043/article/details/108353316

相关标签: elementui