小程序通过web-view跳转并传参给内嵌的h5页面
·
微信小程序中可以通过
<web-view>标签嵌入h5页面,通过src属性进行跳转,但是好像只能是https的,因为传参带特殊符号,要进行解析;
在小程序中
Page({
data:{
src:'https://xx.xx.',
name:'名字',
id:'123456'
},
onLoad(options){
var {src,name,id}=this.data;
this.setData({
src:`${src}?name=${name}&id=${id}`
})
}
})
<web-view src="{{src}}"></web-view>
h5页面(vue项目)
data(){
return{
name:'',
id:''
}
},
created(){
this.name=this.getQueryString("name");//双引号
this.id=this.getQueryString("id")
},
getQueryString(params)
{
var reg = new RegExp("(^|&)" + params + "=([^&]*)(&|$)", "i");//解析url地址
var r = window.location.search.substr(1).match(reg);
if (r != null)
{
return decodeURIComponent(r[2]);
}
return null;
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)