33 lines
635 B
Vue
33 lines
635 B
Vue
|
<template>
|
||
|
|
<view>
|
||
|
|
<u-navbar :title="title" :border-bottom="false"></u-navbar>
|
||
|
|
<web-view :src="url" @message="handleMessage"></web-view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
url: "",
|
||
|
|
title: "",
|
||
|
|
};
|
||
|
|
},
|
||
|
|
onLoad(options) {
|
||
|
|
// 接收传入的URL参数
|
||
|
|
|
||
|
|
if (options.data) {
|
||
|
|
const data = JSON.parse(decodeURIComponent(options.data));
|
||
|
|
this.url = data.url;
|
||
|
|
this.title = data.name;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
handleMessage(event) {
|
||
|
|
// 处理web-view发送的消息
|
||
|
|
console.log("来自网页的消息", event.detail);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|