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>

你可能感兴趣的:(javascript,elementui)