el-select多选multiple数据无法删除,回显成功,但无法编辑,选中和删除都没反应
原因:
回显的数据是从后台接口得来,由于数据层次太多,导致render函数没有自动更新;需要手动强制刷新
解决方案:
使用 @change = “$forceUpdate()” 强制刷新视图
代码:
<el-select multiple filterable clearable remote :remote-method="remoteMethod" placeholder="请输入关键词搜索合辑" v-model="docInfo.columnId" v-el-select-loadmore="handleLoadmore" @change="$forceUpdate()">
<el-option v-for="item in columns" :key="item.id"
:label="item.title"
:value="item.id">
</el-option>
</el-select>