小白菜QaQ
小白菜QaQ
  • 发布:2023-09-06 11:19
  • 更新:2023-11-09 09:49
  • 阅读:659

uniapp 使用webview时候,如何实时监听url地址的改变 plus.webview.create 创建的webview 怎么获取改变后的url

分类:uni-app

创建 的webview
const wv = plus.webview.create("", "custom-webview", {
plusrequire: "none", //禁止远程网页使用plus的API,有些使用mui制作的网页可能会监听plus.key,造成关闭页面混乱,可以通过这种方式禁止
'uni-app': 'none', //不加载uni-app渲染层框架,避免样式冲突
top: uni.getSystemInfoSync().statusBarHeight +
44, //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的,可以继续降低TOP值
height: this.vuex_screenHeight - (uni.getSystemInfoSync().statusBarHeight + 44),
// bottom: 120,
})
wv.loadURL(url)
const currentWebview = this.$scope
.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效,非v3编译模式使用this.$mp.page.$getAppWebview()
currentWebview.append(wv); //一定要append到当前的页面里!!!才能跟随当前页面一起做动画,一起关闭
const self = this;
wv.addEventListener('loaded', e => {
wv.canBack(e => {
self.canBack = e.canBack
currentWebview.setTitleNViewButtonStyle(0, {
color: e.canBack ? '#000' : '#fff',
});
})
})

怎么获取改变后的url

2023-09-06 11:19 负责人:无 分享
已邀请:
夜空中的流星

夜空中的流星

解决了吗

要回复问题请先登录注册