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

发布时间:2022-06-26 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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)'

脚本宝典总结

以上是脚本宝典为你收集整理的vue父组件在接收子组件方法传递参数的时,如何添加自定义参数全部内容,希望文章能够帮你解决vue父组件在接收子组件方法传递参数的时,如何添加自定义参数所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: