uniapp使用webview嵌入vue页面及通信
<template>
<view>
<!-- 使用web-view组件嵌入网页 -->
<web-view src="https://www.example.com"></web-view>
</view>
</template>
<script>
export default {
onLoad() {
// 监听来自webview的事件
uni.$on('updateData', (data) => {
console.log('接收到来自webview的数据:', data);
});
},
onUnload() {
// 页面销毁时移除监听
uni.$off('updateData');
}
};
</script>在这个例子中，我们创建了一个简单的uniapp页面，其中包含了一个web-view组件，用于加载一个外部网页。我们还演示了如何使用uni.$on来监听自定义事件，并在uni.$off方法的帮助下在页面销毁时移除监听器。这样的做法可以确保不会因为监听器的存在而导致内存泄漏或其他问题。
评论已关闭