【UNIAPP坑与解决】VUE组件内部$getAppWebview出现Cannot read property '$getAppWebview' of undefined

分类：uni-app

uniapp

开发当中，封装了一个vue组件，内部有webview。
为了获取这个webview的对象，又需要获取当前页面对象，于是查阅文档采用

this.$scope.$getAppWebview()

但运行时反复出现

Cannot read property '$getAppWebview' of undefined

起初以为是自己拼写和上下文的问题，查阅社区也没有相关讨论。
后来反复验证，发现vue组件内部不能调用这个方法，页面当中正常。
于是后来通过以下方式实现：

this.$parent.$scope.$getAppWebview();

不知道是不是BUG，但先发一篇文章，记录一下，万一有人遇到了呢

4 赞关注分享

15 个评论

要回复文章请先登录或注册

夏日微凉

回复夏日微凉：

怎么回事啊

2022-07-27 12:07

夏日微凉

let pages = getCurrentPages(); //getCurrentPages() 函数用于获取当前页面栈的实例
let page = pages[pages.length - 1];
plus.navigator.setFullscreen(true); //设置应用是否全屏显示
this.currentWebview = page.$getAppWebview();
写的一个二维码，跳转其他页面两次，返回后白屏

2022-07-27 12:07

7***@qq.com

1、onread()生命周期：
var webviewNew = this.$scope.$getAppWebview() || this.$parent.$scope.$getAppWebview();
2、然后写个递归函数，直至获取到webviewNew
methods:{
// 处理currentWebview获取延时问题
getWebview(currentWebview){
let that = this;
// console.log("currentWebview.children()[0]",currentWebview.children()[0])
if(currentWebview&&currentWebview.children()[0]){
wv = currentWebview.children()[0]
wv.setStyle({top:155,bottom:0})
}else{
setTimeout(function() {
// 递归函数直到获取到currentWebview.children()[0]
that.getWebview(currentWebview)
}, 200);
}
},
}

2022-07-04 17:51

r***@qq.com

bjhjjj

2021-06-29 14:16