uniapp webview监听标题
时间: 2023-08-28 19:04:35 浏览: 258
Flutter漂亮浏览器插件,flutter webview功能强大插件
你可以使用uniapp提供的 `onNavigationBarButtonTap` 方法来监听 webview 标题的变化。具体步骤如下:
1. 在 `App.vue` 中监听 `uni.onWebviewEvent` 事件:
```js
export default {
onLaunch() {
uni.onWebviewEvent('titleChange', (res) => {
uni.setNavigationBarTitle({
title: res.title
});
});
}
}
```
2. 在 webview 页面中使用 `uni.postMessage` 方法向父页面发送标题变化事件:
```js
// 假设你的 webview 页面标题是动态生成的
// 这里以 setInterval 模拟标题变化
setInterval(() => {
const title = '新标题';
uni.postMessage({
name: 'titleChange',
title: title
});
}, 1000);
```
这样,当 webview 页面标题变化时,就会触发 `onWebviewEvent` 事件,从而改变导航栏标题。
阅读全文