子组件调用父组件方法
7***@qq.com
- 发布：2020-07-06 16:50
- 更新：2021-01-29 10:54
- 阅读：3447
uniapp h5页面，子组件调用父组件方法this.$parent.parentMethod 报错，提示parentMethod is not function【报Bug】
分类：uni-app
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 2.7.14
浏览器平台： Chrome
浏览器版本： chrom 83.0.4103.116
项目创建方式： HBuilderX
操作步骤：
预期结果：
修复问题
修复问题
实际结果：
修复问题
修复问题
bug描述：
运行到chrome浏览器，子组件调用父组件方法报错
子组件
hideRewardModal(){
this.$parent.hideModal()
}, 父组件
hideModal(){
this.show=false
}
但打包到安卓正常
4 个回复
7***@qq.com
我也遇到了同样的问题了， this.$parent不支持h5 却支持微信小程序 this.$emit支持h5 却又不支持微信小程序
陌上华年
因为H5的view也是一个封装的一个组件。。所以要么你用div要么this.$parent.$parent
7***@qq.com
解决了吗
zmyalh
looks()为父页面的方法
这个是H5专用
// #ifdef H5
this.$parent.$parent.looks();
// #endif
这个是其他端专用
// #ifndef H5
this.$parent.looks();
// #endif