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

90 阅读1分钟

在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)'`