webview传递参数给html,uniapp与webview之间的相互传值

1.uni-app 如何发送数据到 H5？其实很接单、在 web-view 中只需要通过 URL 就可以向 H5 进行传参例如在 uni-app 中：

export default {

data() {

return {

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

};

onLoad(data) {

//这里对要传入到webview中的参数进行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中的参数值

function getQuery(name) {//正则：[找寻‘&‘ + ‘url参数名字‘ = ‘值‘ + ‘&‘](‘&‘可以不存在)

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

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

console.log(r);if(r != null) {//对参数值进行解码

return decodeURIComponent(r[2]);

}return null;

}

2.webview向uniapp传值

uni.postMessage({

data: {

action:‘message‘}

});

uni.getEnv(function(res) {

console.log(‘当前环境：‘ +JSON.stringify(res));

});

uniapp接受

//message接受方法

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

webview传递参数给html,uniapp与webview之间的相互传值相关推荐

uni-app H5使用web-view父子之间的相互传值
uni-app H5使用web-view父子之间的相互传值遇到的问题: uni-app页面代码 web-view(HTML页面),子组件接收父组件数据,子组件传值给父组件遇到的问题: uni-ap ...
android app传递参数,Android APP调起另外一个APP并传值
概述为了增加用户体验,可能要求在一个APP中打开另外一个APP的需求,一般分为三种: 显式调用跳转隐式调用跳转 URL Scheme跳转代码用到的一些公共方法,当打开APP时,检测到第三方AP ...
java main 参数传递参数_Java千问：Java语言如何给main方法传递参数？
大家都知道,Java语言运行程序的入口方法叫做main,这个方法有一个参数,这就表示说,我们要运行主方法,就必须给main方法传递一个参数.但是,大家似乎对这个参数向来都是视而不见,从来都没给主方法传 ...
小程序向webview传参_微信小程序（1）——web-view和小程序间传递参数、发送消息...
小程序向web-view发送消息在组件中有一个属性src(src是webview 指向网页的链接.可打开关联的公众号的文章,其它网页需登录小程序管理后台配置业务域名.) 通过设置src中GET参数即 ...
Android 显示 WebView ，加载URL 时，向webview的 header 里面传递参数
1.主要布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:and ...
在uniapp的webview组件引用的网页内如何实时定位
背景本人使用uniapp开发了一个app,其中App有个页面是地图界面(Mapbox开发),因为uniapp无法直接实现地图,最后用Webview组件嵌套了一个vue开发网页.其中有一个定位功能,最 ...
uniapp返回上一页并传递参数
说是传递参数,实际是在你返回之前先修改了上一页的data里面的数据再进行返回上一页的操作. // 获取所有页面栈实例列表 let pages = getCurrentPages(); // 当前页页面 ...
uni-app 使用 web-view 页面之间互相跳转、通信
最近开发小程序的时候.需要嵌入一个第三方网站.并且和第三方网站有些交互.这个第三方页面本身就是一个 HTML 页面.想着把它给嵌入到 uni-app 中,结果没实现-(很多的 js 代码在小程序中不识 ...
Android 原生webview传递header前端H5如何接收
开发背景跟其他公司合作的一个项目,传递参数的方式为原生通过自定义header头参数,由前端来接收. 踩坑 1 原生传参安卓原生传参的方式很简单,通过webview.loadUrl这个方法,如下: ...

webview传递参数给html,uniapp与webview之间的相互传值

webview传递参数给html,uniapp与webview之间的相互传值相关推荐

最新文章

热门文章