el-select 多选，清空，选择“全部”其余清空，取消全部，其余还原

最新推荐文章于 2025-03-31 14:50:09 发布

HuiRonmantic

最新推荐文章于 2025-03-31 14:50:09 发布

阅读量5.3k

点赞数

分类专栏： JS Element-ui Vue技术栈文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_41346436/article/details/122088182

版权

Vue技术栈同时被 3 个专栏收录

66 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

Element-ui

20 篇文章

订阅专栏

12 篇文章

订阅专栏

本文介绍如何使用el-select组件实现多选功能，并详细解释了如何在选择‘全部’选项时清空其他选择，以及取消‘全部’选项时如何还原之前的选择。

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

el-select 多选，清空，选择“全部”其余清空，取消全部，其余还原

记录一下

  <el-form-item v-show="formData.pushScope == '个人'" label="选择学生:">
            <el-select
              id="newStyle"
              v-model="formData.studentIdList"
              multiple
              placeholder="请选择"
              @change="handleStudent">
              <el-option
                v-for="item in studentList"
                :key="item.value"
                :label="item.userName"
                :value="item.userAccount"
              ></el-option>
            </el-select>
          &

了解本专栏