ys-app/src/pages/h5-webview/h5-webview.vue

<template>
<view id="test">
    <!-- #ifdef h5 -->
    <web-view :src="url"></web-view>
    <!-- #endif -->
</view>
</template>

<script setup>
import { ref,onMounted,getCurrentInstance } from 'vue';
import { onLoad,onReady,onBackPress } from '@dcloudio/uni-app';
const { proxy } = getCurrentInstance();

let windowInfo = ref(null);
let url = ref('');
let title = ref('');
onLoad(async(opt) => {
    console.log(opt)
    url.value = opt.url;
    title.value = opt.title;
    // #ifdef APP-PLUS
    titleNViewWebview(url.value,title.value);
    // #endif
    // uni.getSystemInfo({
    //     success: (res)=> {
    //         windowInfo.value = res;
    //         createWvAndLoadUrl(url.value,title.value);
    //     }
    // });
})



// 带标题栏控件的Webview窗口
let webview = null;
function titleNViewWebview(url,title) {
    webview = plus.webview.create(url, 'test',	{
        titleNView: {
            backgroundColor: '#307AF5',
            titleText: title,
            titleColor: '#ffffff',
            autoBackButton: true,
            backgroundImage:'./../../static/images/bg-Blue-header.png',
            buttons:[{onclick:clickButton}]
        }
    });
    webview.addEventListener('close', function(){
        webview=null;
    });
    webview.addEventListener('titleUpdate', function(){
        webview.show();
    });
    webview.addEventListener('loading', () => {
        plus.nativeUI.showWaiting("loading...",{
            width:'110px',
            padding:'10px'
        })
    }, false);
    //plus.nativeUI.showWaiting()
    webview.addEventListener('loaded', () => {
        plus.nativeUI.closeWaiting();
    }, false);
}

// 左侧按钮返回
function clickButton(){
	// plus.nativeUI.alert('clicked!');
    webview=null;
}
</script>

<style scoped>

</style>