iview+Vue 知识整理（持续补充）

xueyue616

于 2019-04-28 15:07:03 发布

阅读量611

点赞数

分类专栏： Vue框架 iview 前端经验

本文链接：https://blog.youkuaiyun.com/xueyue616/article/details/89638327

版权

前端经验同时被 3 个专栏收录

22 篇文章

订阅专栏

Vue框架

19 篇文章

订阅专栏

iview

7 篇文章

订阅专栏

本文介绍在iView UI框架中，如何在组件事件处理函数中额外传递参数，同时保持原有事件默认行为不变。以Select组件为例，展示了如何在on-open-change事件中附加自定义参数，而不影响事件默认返回值。

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

1、iview组件事件额外传参

在使用iview的组件时，希望在其定义的某个钩子事件处理函数中传递一个额外参数，同时又不影响该钩子事件默认的返回值，以iview中Select 组件为例，on-open-change事件是有默认返回值event，保留event返回值的情况下，额外传递一个id参数，$event参数即表示on-open-change默认返回的参数，写法如下：


<Select v-model="searchDevType"
              style="width:180px;margin-right:10px"
              placeholder="设备类型"
              clearable
              transfer
              @on-open-change="search_open_change('devType',$event)"
              @on-clear="select_clear_event('devType')">
        <Option v-for="(item,index) in devTypeDataList"
                :value="item.value"
                :key="index">{{item.label}}</Option>
      </Select>


methods:{
	search_open_change(id, event){
		console.log(id, event);
	}
}