vue工程中，ElementUI中的el-select中多选回显数据后没法重新选择和更改

最新推荐文章于 2023-02-02 11:31:46 发布

SLAG-man.木子

最新推荐文章于 2023-02-02 11:31:46 发布

阅读量1.9k

点赞数 2

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

原文链接：https://www.cnblogs.com/badaoliumangqizhi/p/13469773.html

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

ElementUI中的el-select中多选回显数据后没法重新选择和更改

数据更改选择其它位置更改后当前位置更改才会生效

如图对1处进行了操作，不会马上生效，对2以及其它地方修改才会生效，他妈滴这不是玩我嘛！然后翻阅博客最终得到解释
添加链接描述

居然要加个东西强制刷新，这也太low了！@change="$forceUpdate()"

<el-form-item label="指派给:" :label-width="formLabelWidth" prop="userSelected">
            <el-select v-model="form.userSelected" filterable multiple placeholder="请选择需求关联人" style="width: 100%" @change="$forceUpdate()">
              <el-option
                v-for="item in userList"
                :key="item.userId"
                :label="item.realname"
                :value="item.userId"
              />
            </el-select>
            <el-form-item/>