vue中自定义事件回调函数传参

我们知道父子组件中,子组件一般是通过$emit(自定义事件名称,数据)的形式来将数据传给父组件

父组件通过回调函数处理子组件传过来的数据,

例如:

子组件内:

this.$emit(change,data)

父组件内

我们都知道子组件会将数据自动作为参数传给父组件的回调函数:例如父组件我们会这样写

在父组件的方法内写:

onSettingChange:function (data){

//处理子组件传来的数据

 }

可是如果我们想在回调函数传其他的参数值怎么传呢?

有一个方法就是:

这样子组件传来的参数值可以通过arguments这个数组读取,多余的参数则按照一般的方式传值即可:

onSettingChange:function (arg,data){

里面的arg是一般的传值,

data[0]里面是子组件传过来的数据

 }

你可能感兴趣的:(vue,emit)