<web-view :src="src"></web-view>
let src = ref('')
src.value = `/hybrid/html/xx.html?a1=${a1}&a2=${a2}`

//通用（建議原生Html使用）：    

function getQueryVariable(variable) {
        var query = decodeURIComponent(window.location.search.substring(1));
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
            if (pair[0] == variable) { return pair[1]; }
        }
        return '';
    }

    const a1 = getQueryVariable('a1');



//如果是uniapp編譯的h5可以推薦onLoad：

onLoad(e=>{
    console.log(e)
})

// h5向打開(kāi)該h5的頁(yè)面?zhèn)鬟f參數(shù)：

        let obj = {};

        let envObj = {};
        uni.getEnv(function (res) {
            envObj = res
        });
        if (envObj.h5) {
            window.parent.postMessage(obj, "*");
        } else {
            uni.postMessage({
                data: obj
            });
        }

        uni.navigateBack()


// h5跳轉(zhuǎn)其他頁(yè)面?zhèn)鬟f參數(shù)：還是通過(guò)url傳遞

        uni.navigateTo({
            url: `/pages/p1/p1?param=${param}`
        })

        uni.redirectTo({
            url: `/pages/p1/p1?param=${param}`
        })

//其他uni跳轉(zhuǎn)等等.....

//在打開(kāi)h5的頁(yè)面接收參數(shù)

let data = {};

	// #ifdef H5
	function receiveMessage(event) {
        console.log(event) //按打印的實(shí)際數(shù)據(jù)，有些data是在event.data.data.arg里...
		if (event.data.type !== 'WEB_INVOKE_APPSERVICE') {
			data = event.data
		}
	}
	window.addEventListener("message", receiveMessage, false);
	// #endif

    // #ifndef H5
	const getMessage = (event) => {
        console.log(event) 
		if (Array.isArray(event.detail.data)) {
			data = event.detail.data[0];
		} else {
			data = event.detail.data;
		}
	}
    // #endif


//h5跳轉(zhuǎn)的其他頁(yè)面接收參數(shù)
import {onLoad} from '@dcloudio/uni-app'
onLoad(e=>{
    console.log(e)
}
	

//上一級(jí)vue頁(yè)面：
        let url = 'xxxxxxx';
		uni.navigateTo({
			url: url,
			events: {
				// 為指定事件添加一個(gè)監(jiān)聽(tīng)器，獲取被打開(kāi)頁(yè)面?zhèn)魉偷疆?dāng)前頁(yè)面的數(shù)據(jù)
				xxData: function(data) {
                    console.log(data);
                    console.log(data.xxDataObj)
                    //.........
				}
			}
		});

//打開(kāi)h5的vue頁(yè)面：
	import {
		getCurrentInstance,
	} from 'vue';

	import {
		onUnload
	} from '@dcloudio/uni-app'

    let data = '測(cè)試';
	const instance = getCurrentInstance().proxy
	const eventChannel = instance.getOpenerEventChannel()
	onUnload(() => {
		eventChannel.emit('xxData', {
			xxDataObj: data
		})
	})

//nvue頁(yè)面需要設(shè)置style="flex: 1;"才能鋪滿全屏	

<web-view ref="myWebview" @onPostMessage="handlePostMessage" :src="src"
		style="flex: 1;"></web-view>

const myWebview = ref('');  //注意不要初始聲明為null，會(huì)報(bào)錯(cuò)

//并且可以操作h5里的全局變量
//evalJs應(yīng)延遲執(zhí)行或在handlePostMessage里執(zhí)行
myWebview.value.evalJs("console.log('執(zhí)行了')");

//或者
myWebview.value.evalJs("uniMsg(JSON.stringfiy(obj))");

            uni.postMessage({
                data: {
                    "xxx":"xxx"
                }
            })


//nvue頁(yè)面接收：
	const handlePostMessage = e => {
        console.log(e)
		console.log(e.detail.data[0])
    }

<script type="text/javascript" src="js/uni_webview.js"></script>
<script>
    document.addEventListener('UniAppJSBridgeReady', xxFn)
</script>

@media (prefers-color-scheme: dark) {
    
}