【知识整理】iview组件事件额外传参的解决办法

一、最近用iview遇到这样一个需求，在使用iview的组件时，希望在其定义的某个钩子事件的处理函数中传递额外的一个参数，同时又不影响该钩子事件默认的返回值。最后在网上查找资料找到了解决办法，这里把解决方案贴出来，仅供大家参考！

二、我们以iview中Input组件为例，首先根据iview中Input组件的文档可以知道,on-change事件是有默认返回值event的，我们保留event返回值的情况下，额外传递一个id参数，$event参数即表示on-change时间默认的返回的参数，代码写法如下：

<Input v-model="value" type="textarea" @on-change="change(1, $event)"></Input>
methods:{
	change(id, event){
		console.log(id, event);
	}
}

其中事件处理函数change的第二个第一个参数1，代表额外传递的id参数，第二个参数$event即代表默认的event返回值。希望能够对大家解决iview事件额外传参的问题提供参考