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

理会拾光

于 2020-07-23 17:25:22 发布

阅读量5.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_37206355/article/details/107542881

Vue 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了 Element UI 中的 Select 组件使用方法，包括如何通过 v-model 进行动态绑定，@change 和 @clear 事件的监听，以及如何在选项变化时清空关联数据。同时提供了代码示例。

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

<el-form-item label="">
                <el-select v-model="formData.brandName" @change="getCarModel()" @clear="setValueNull" clearable placeholder="请选择品牌名称">
                    <el-option
                            v-for="item in brandNames"
                            :key="item.id"
                            :label="item.brandName"
                            :value="item.id">
                    </el-option>
                </el-select>
            </el-form-item>

methods: {
	setValueNull(val) {
                this.carModels = [];
                this.derives = [];
            }
}