vue中自定义事件回调函数传参
我们知道父子组件中,子组件一般是通过$emit(自定义事件名称,数据)的形式来将数据传给父组件父组件通过回调函数处理子组件传过来的数据,例如:子组件内:this.$emit(change,data)父组件内<json-editor @change="onSettingChange" ></json-editor>我们都知道
·
我们知道父子组件中,子组件一般是通过$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]里面是子组件传过来的数据
}
更多推荐
已为社区贡献1条内容
所有评论(0)