VUE项目，子组件无法调用父组件的方法，this.$parent、this.$emit 都不行

原本是想要用这个子组件去调用父组件的方法，但是用VUE的三种调用方法都无法实现，想问一下还有没有什么方法能让我在子组件的点击事件里，成功调用父组件的方法的。

子组件子组件的JS代码

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
唐宋xy 2020-01-14 11:20
关注
在父组件中引用的子组件上定义的fathermethod 应该不是通过v-bind来绑定，通过@绑定过 @fathermethod
<menuTree @fathermethod='fathermethod'></menuTree>

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

使用antd调用弹窗组件，显示this.$refs.modalForm.edit is not a function vue.js 前端有问必答
2021-08-06 09:41

回答 4 已采纳可能ref 的那个节点还没挂载你就引用了
vue3 在 onMounted 阶段无法使用 this.$emit ecmascript javascript vue.js
2021-03-15 17:06

回答 3 已采纳 Vue 3当中是没有this的，或者说this 指向的并不是Vue实例，Vue3出了一些option-api之类的 export default defineComponent({ pr
vue3组件是如何销毁自身的,如vue2的this.$destroy() vue.js 有问必答
2021-08-20 14:51

回答 3 已采纳你先打印一下this看看。有没有
Vue中子组件调用父组件的3种方法实例——this.$parent调用方法、this.$emit触发方法、v-model方法传值
2022-08-29 10:06

viceen的博客 vue
vue中，子组件的$emit如何按顺序执行父组件的异步方法前端
2022-01-25 15:14

回答 3 已采纳那可以试试Promise // 子组件 function A () { // 同步拿到父组件最新的dataList const dataList = await this.$emit('loa
vue工程使用子组件使用$emit调用父组件方法失败 vue.js
2019-05-08 09:53

回答 3 已采纳猜测可能 1.你子组件的this指向对么？ 2.你向父组件传的参数对么？ 3.你父组件写了choosemeida这个方法了么？
关于vue页面跳转错误this.$router is undefined vue.js 前端
2023-03-28 23:48

回答 3 已采纳已经解决了因为我用的是setup 所以得开头把router import进来
Vue 子组件使用 this.$parent 无法访问到父组件数据和方法
2023-06-28 21:12

-風过无痕的博客最近在使用父子组件时候，通过...在子组件需要传递一个ID给父组件中的data数据，想到this.$parent(比较简便)，不想用this.$emit。但发现this.$parent 实例是有打印的，但是访问父组件数据和方法都是undefined的情况。
Vue里this.、this.$data.跟this.$root.这3个有什么区别吗？ vue.js
2021-02-20 16:41

回答 1 已采纳 app.foo和app.$data.foo性质一样，源码里会给vm.key 做一层代理，返回实际vm['_data'][key]，所以如果vue中通过this. 方式访问data中的数据时，实际上是返
关于Vue利用ref方式实现父子组件间通信，用$on绑定事件时遇到this.refs.school.$on不是函数的问题！ javascript vue.js 前端
2022-07-07 20:29

回答 3 已采纳首先，你应该把this.$ref.school这一整个实例打印出来，看下里面都有些什么属性跟方法，然后再往下进行
this.$emit未生效 html5 vue.js
2021-10-12 09:39

回答 1 已采纳 this.$emit('modalCancel', false);
vue.js中this.$emit和this.$parent失效
2023-08-29 09:49

洗发水很好用的博客然后就是在子组件中调用父类方法时，如果父类会对传到子类的参数进行...在开发过程中偶然遇到在子组件中用this.$emit和this.$parent调用父组件都失效。使用Vue进行组件化开发，少不了组件间的方法调用，和方法传递。
this.$refs.table.data elementui vue.js 有问必答
2022-01-20 11:17

回答 3 已采纳直接用 computed 解决，或者你在页面取值的时候直接filter过滤
Vue 子组件使用 this.$parent 无法调用父组件中的方法
2021-04-22 17:39

godev的博客 this.$parent 无法调用父组件中的方法1. 遇到的问题2. 分析3. 解决4. 总结 1. 遇到的问题在开发 Vue 项目中，遇到了一个这样的问题: 其中UI框架使用的是iview UI , 在子组件中利用 this.$parent.getList() 调用父...
使用 this.$parent 子组件调用父组件方法
2023-01-06 21:44

KIDEC的博客 vue项目实战入门，vue组件复用
没有解决我的问题, 去提问

悬赏问题

¥20 关于#硬件工程#的问题，请各位专家解答！
¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
¥30 截图中的mathematics程序转换成matlab
¥15 动力学代码报错，维度不匹配
¥15 Power query添加列问题
¥50 Kubernetes&Fission&Eleasticsearch
¥15 報錯：Person is not mapped，如何解決？
¥15 c++头文件不能识别CDialog
¥15 Excel发现不可读取的内容

VUE项目，子组件无法调用父组件的方法，this.$parent、this.$emit 都不行

2条回答 默认 最新

悬赏问题

2条回答默认最新