vue element UI el-select选择框触发事件（每选择一次则触发一次该事件）

最新推荐文章于 2025-06-26 10:19:30 发布

System.out.print

最新推荐文章于 2025-06-26 10:19:30 发布

阅读量8.5w

点赞数 14

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue 前端下拉框事件

本文链接：https://blog.youkuaiyun.com/weixin_40841731/article/details/83348219

vue 专栏收录该内容

42 篇文章

订阅专栏

本文介绍如何在Element UI中使用v-model双向绑定数据到下拉选择框，并通过@change事件触发选择项变化的回调函数。展示了如何在Vue.js项目中动态生成下拉选项并响应用户选择。

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

<el-select v-model="selectData.id"
    @change="selectTrigger(selectData.id)">
    <el-option label="请选择" value=""></el-option>
    <el-option
        v-for="item in formInline.equipmentNumArr"
        :key="item.id"
        :label="item.id"
        :value="item.id">
    </el-option>
</el-select>


<script>
    data () {
        formInline: {
            equipmentNumArr:[]
        }
        selectData: {
            id:''
        }
    },
    methods: {
        selectTrigger(val) {
        
        }
    }
</script>