el-select clear 清空内容时触发事件

最新推荐文章于 2025-07-02 09:52:53 发布

逗号很逗

最新推荐文章于 2025-07-02 09:52:53 发布

阅读量2w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签： Vue clear

本文链接：https://blog.youkuaiyun.com/LOVE_sel/article/details/96428079

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍 Element UI 中的选部门组件 (el-select) 的具体用法，包括如何设置选项、绑定值及清空操作。特别关注了在清空操作时将值设置为 null 的实现方式，以确保与后端接口兼容。

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

 <el-select filterable v-model="value_" 
    clearable
    @clear="setValueNull"
    >
    <el-option
      v-for="item in options_dept"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>


  methods: {

      /**清空默认设为空，但是后台方法多数只兼容null.故清空统一为null  2019年7月17日 */
        setValueNull(val) {
           this.value_=null;
        },
  }