uni-app作为一个新型跨多个平台的框架,由于目前还在不断完善过程中,目前还是存在好多坑需要去填,前段时间遇到项目中由于项目只能使用高德地图,而uni-app默认h5小程序是腾讯地图,所以想到用内嵌html页面的方式来实现。需要用uni-app的web-view来做中间件,这个组建web-view里面有详细的介绍,我这边就不做过多的解释了,然后就是在从uni-app的页面跳转html的过程需要注意如果想要从uni-app页面传递参数到html在web-view组建进行一下参数的传递,代码实例:
onLoad(options) {
this.srcURL`/hybrid/html/point.htmtype=${options.type}&siteId=${options.siteId}`;
},
解析url参数的方法:
//获取url中的参数
function getQueryVariable(variable) {
var query = 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 (false);
}
上面是从uni-app页面传递参数到html的方法,然后就可以用传到html的参数在html中使用了。