当前位置: 首页 > Web前端 > vue.js

VUE自定义事件中,父组件需要传递额外的参数,子组件传递多个参数

时间:2023-03-31 14:55:29 vue.js

//Super.vue//Child.vue结论:第一:methods中定义的参数只对应html中的参数,use之间没有区别$event或普通参数。其次:html中定义的handlerEvent的参数传递方法,会判断子组件传递过来的数据是否能获取到。传入一个变量,方法获取的参数就是变量的值;如果传入$event,methods获取的参数是子组件handlerEvent多个参数传递的第一个参数的值,如果要获取子组件参数,那么handlerEvent的第一个参数必须是$event,$event获取子组件传递的第一个参数。如果想获取子组件传递的更多参数,需要使用this.$emit("getEvent","Parameter1","Parameter2");重写为this.$emit("getEvent",{ar1:"参数1",ar2:"参数2"});自定义事件传递参数的情况比较好理解,但是当父组件传递额外的参数而子组件传递多个参数时就比较复杂了。这种情况下,我们只能将子组件的参数重写为Object或Array,通过$event获取子组件传过来的参数。但是方法中的参数可以随意命名,没有限制