vue父组件在接收子组件方法传递参数的时,如何添加自定义参数

在vue中,父组件中使用子组件方法的和传递过来的参数时直接只用参数就可以了,如下:

// child
this.$emit('change', param)
// parent
@change='parentHandle(param)'

如果我们在使用子组件方法的同时,还想使用自定义参数呢,使用场景比如,在父组件中遍历子组件,想使用每个组件的索引, 这时候就需要修改一下写法:

// child
this.$emit('change', param)
// parent
@change='parentHandle($event, index)'

那子组件分开传递了多个参数时呢,如下使用‘arguments’接收即可,arguments为对象格式的数组

// child
this.$emit('change', name,age, sex)
// parent
@change='parentHandle(arguments, index)'
posted @ 2022-01-07 20:09  wamm521  阅读(514)  评论(0编辑  收藏  举报