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

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

例如:

子组件内:

this.$emit(change,data)

父组件内

<json-editor @change="onSettingChange" ></json-editor>

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

<json-editor @change="onSettingChange()"></json-editor>

在父组件的方法内写:

onSettingChange:function (data){

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

 }

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

有一个方法就是:

<json-editor @change="onSettingChange(arg,arguments)"></json-editor>

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

onSettingChange:function (arg,data){

里面的arg是一般的传值,

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

 }

Logo

前往低代码交流专区

更多推荐