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

最新推荐文章于 2024-07-22 15:41:58 发布

爱吃血肠

最新推荐文章于 2024-07-22 15:41:58 发布

阅读量2w

点赞数 5

CC 4.0 BY-SA版权

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

注意：本文归作者所有，未经作者允许，不得转载

本文链接：https://blog.csdn.net/yunfengfengfeng/article/details/107505417

vue 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了 Element UI 中的 Select 选择器组件使用方法，包括如何通过 v-model 绑定数据，如何监听选择器的改变和清除事件，以及如何自定义选项。通过实例展示了如何设置下拉选项，以及如何在选项变化时执行特定操作。

摘要生成于 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 = [];
            }
}