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

vue2子组件方法传递给父组件方法,子组件调用父组件方法,父组件调用子组件方法

时间:2023-03-31 22:33:44 vue.js

一:子组件通过this.$emit向父组件传递数据()1.在父组件Component中使用子组件2.在父组件中定义handleChildMediaChange方法handleChildMediaChange(filter_key,filter_val){//doing}3、在子组件中使用handleChildMediaChange(val){this.$emit("handleChildMediaChange","child_media_id",val)},二:子组件调用父组件this.$parent中定义的method方法.parentMethod(params)三:父组件调用子组件方法中定义的方法,通过this.$refs调用1.在父组件中引入子组件,使用ref命名t的占位符子组件"mediaExtraInfoRef"2.在子组件中定义一个getVal方法getVal(){letresult={}//doingreturnresult},3.在父组件中需要调用的地方调用子组件的getVal()方法this.$refs.mediaExtraInfoRef.getVal()