vue multiple el-select多选框勾选后无响应

从头学习的老廖

已于 2023-03-31 08:22:04 修改

阅读量1.5k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： FAQ 文章标签： vue.js javascript 前端

于 2023-03-30 19:06:24 首次发布

本文链接：https://blog.youkuaiyun.com/liao_sp/article/details/129863796

在Vue.js应用中遇到el-select多选框选择后无响应的问题，特别是当选项数量较多时。通过分析发现，与选项数量有关，选项少的select能正常响应，而选项多的select则不会更新。解决方法是在select的change事件中调用this.$forceUpdate()，强制Vue实例重新渲染，从而确保选择操作得到正确响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天遇到一个问题点，记录一下：在Vue 中使用el-select时选择后无响应，而在选择另一个selec选项t时会一起响应。
代码段：

          <el-col :span="12">
            <el-form-item label="角色">
              <el-select v-model="form.roleIds" multiple placeholder="请选择角色">
                <el-option
                  v-for="item in roleOptions"