vue子组件调用父组件的方法

最新推荐文章于 2023-02-06 15:41:21 发布

_mumu

最新推荐文章于 2023-02-06 15:41:21 发布

阅读量288

点赞数

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/wHaiRong_/article/details/128187429

版权

一,this.$parent.parentfn()
二,子组件内通过$emit向父组件触发一个事件
   父：<child @parentfn="parentfn"></child>
       methods: { parentfn(){console.log('测试')} }
   子：
       methods: { clickfn(){ this.$emit('parentfn') } }
三,父组件把方法直接传给子组件，在子组件里直接调用
   父：<child :parentfn="parentfn"></child>
       methods: { parentfn(){console.log('测试')} }
   子：props: { parentfn: {type: Function,default: null } },
       methods: { clickfn(){ this.parentfn() } }