Select选择器 change 事件中传递自定义参数

最新推荐文章于 2025-06-20 19:29:04 发布

原创

最新推荐文章于 2025-06-20 19:29:04 发布 · 5.9k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue

本文介绍了如何在ElementUI的Select组件中，通过change事件传递自定义参数。通常，change事件参数是用户选择的值，但通过在事件绑定中添加额外参数，如 `(value) => handleMessageTemplateChangeEvent(value, true)`，可以将自定义参数（如`true`）传入处理函数`handleMessageTemplateChangeEvent`，该函数接收选中值`e`和自定义参数`flag`。" 132518673,19673107,R语言ggplot2详解：打造专业统计图形,"['R语言', '信息可视化', 'ggplot2']

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

下图是Select选择器API截图（chnage事件的描述）：

默认情况下，Select组件change事件的参数是用户从下拉列表中选择的数据项，但有些情况下我们需要给change事件传递一些其他的自定义参数，实现方法如下：

          <el-form-item label="消息模板" prop="messageId">
            <el-select v-model="formData.messageId" @change="(value) => handleMessageTemplateChangeEvent(value, true)" placeholder="请选择消息模板" :clearable="true" @clear="handleClearEvent">
              <el-option 
                v-for="item in messageTemplateList" 
                :label="item.mTitle" 
                :value="item.id" 
                :key="item.id">
              </el-option>
            </el-select>
            <div span class="tip">未选择到需要的消息模板，点击此处</span><router-link tag="a" class="tip-link" :to="{name: 'addMessageTemplate'}">创建消息模板</router-link></div>