1.uni-app 如何發(fā)送數(shù)據(jù)到 H5？ 其實很接單、在 web-view 中只需要通過 URL 就可以向 H5 進(jìn)行傳參 例如在 uni-app 中：

export default {

data() {

return {

url:‘/hybrid/html/local.html?data=‘

};

},

onLoad(data) {

//這里對要傳入到webview中的參數(shù)進(jìn)行encodeURIComponent編碼否則中文亂碼

this.url+=encodeURIComponent(data.data)

},

mounted() {},

methods: {

message(event){

console.log(event.detail.data);

}

}

};

@import ‘./advertisement.scss‘;

那么在 H5 中是如何接收值得呢？

console.log(getQuery(‘data‘)); //獲取 uni-app 傳來的值//取url中的參數(shù)值

function getQuery(name) {//正則：[找尋‘&‘ + ‘url參數(shù)名字‘ = ‘值‘ + ‘&‘](‘&‘可以不存在)

let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

let r= window.location.search.substr(1).match(reg);

console.log(r);if(r != null) {//對參數(shù)值進(jìn)行解碼

return decodeURIComponent(r[2]);

}return null;

}

2.webview向uniapp傳值

uni.postMessage({

data: {

action:‘message‘}

});

uni.getEnv(function(res) {

console.log(‘當(dāng)前環(huán)境：‘ +JSON.stringify(res));

});

});

uniapp接受

//message接受方法

原文：https://www.cnblogs.com/lizhao123/p/12005868.html

總結(jié)

以上是生活随笔為你收集整理的webview传递参数给html,uniapp与webview之间的相互传值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。