小程序跳转h5，并传参数

小程序跳转h5传参，监听h5返回控件触发跳回小程序参数获取

第一步：小程序获取h5传过来得参数

onLoad(options) {let that = thisif(options.parmes){that.setData({h5Datas:  JSON.parse(decodeURIComponent(options.parmes))})}},//点击跳转到web-view页面bindViewTap() {let that = thiswx.navigateTo({url: '../webView/index?myDatas='+JSON.stringify(that.data.h5Datas)})},

第二步骤：新建一个需要跳转h5的webView页面
html

<view class="container log-list"><web-view bindmessage="handleGetMessage" src="{{url}}"></web-view>
</view>

// logs.js
const util = require('../../utils/util.js')Page({data: {url:''},//通过分享获取h5返回控件触发传的参数onShareAppMessage(options) {let that = thisreturn {title: 'title',path: that.data.url,success: function (res) {// that.web_url = return_url// 转发成功wx.showToast({title: "转发成功",icon: 'success',duration: 2000})},fail: function (res) {// 转发失败}}},//h5返回参数获取handleGetMessage: function (e) {// alert(e.detail.data)console.log(675675675,e.detail.data);},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {console.log(666666,options.myDatas)let that = thisthat.setData({url: 'https://test-three-car-show.sixeco.com/3d/rotate-launcher-h5/?parmesData='+encodeURIComponent(options.myDatas) //拼接的跳转链接})},
})

小程序跳转h5，并传参数相关推荐

小程序跳转H5实现长截图功能；vue-cli3通过rem适配
一.需求: 微信小程序部分页面需要一键长图的功能. 通过html2canvas插件可以实现,具体可参考微信小程序实现一键长图并保存图片到相册.由于该插件只能在H5项目中使用,则需要截图的小程序 ...
【微信小程序】关于H5跳转微信小程序、微信小程序跳转H5、微信小程序跳转微信小程序的实现方法
0 说明业务提出需求,要实现H5跳转微信小程序的需求,在浏览器.微信环境下,都能通过H5跳转进入小程序. 另外,本文也将微信小程序跳转到H5,以及微信小程序跳转到微信小程序的方法进行汇总. 对于,微 ...
小程序跳转小程序，小程序跳转公众号，小程序跳转h5
1:小程序跳转小程序 uni.navigateToMiniProgram({appId:'wx11111111111111111111' ,//小程序appidpath:'pages/phone/in ...
微信小程序跳转h5链接(web-view)
微信小程序跳转h5链接通常使用web-view当容器,来打开h5链接 1.了解web-view以及功能支持能力: web-view是从基础库 1.6.4 开始支持,低版本需做兼容处理.web-vie ...
小程序跳转H5页面没有返回按钮解决方案
公司做了一个小程序,使用webview搭建:页面全部开发完毕后,领导说这个我们得嵌入某某H5活动页.一想,这不很简单.直接把h5页面地址给我不就好了吗.然而问题来了,发现下图的问题了吗???缺少返回按 ...
WebView 微信小程序跳转h5项目，h5项目拿到token
h5vue项目接收token,防止用户从微信跳转h5,token失效,用户体验性差在App.vue文件中Mouted里面 getUrlData() {let tempStr = window.loc ...
小程序跳到h5页面_小程序如何跳转h5页面
小程序跳转H5页面是通过web-view组件来实现的,web-view是一个可以用来承载网页的容器,会自动铺满整个小程序页面. 1.配置业务域名小程序账号必须是企业账号,个人和海外账号暂不支持,只有 ...
taro小程序跳转h5页面
taro微信小程序跳转h5页面项目架构-tarojs+react+sass+微信开发者工具项目使用taro官网上面的步骤构建起来的项目架构,之后生成微信端的小程序,由于项目与车险有关,需要多个渠道 ...
小程序跳转H5页面，修复线上环境无法打开问题
有时候会遇到小程序跳转到H5页面的需求,下面是利用web-view实现简单的小程序跳转到H5页面首先需要单独创建一个文件来使用web-view组件,组件具体使用方法见官方文档web-view | 微 ...

小程序跳转h5，并传参数

小程序跳转h5传参，监听h5返回控件触发跳回小程序参数获取

小程序跳转h5，并传参数相关推荐

最新文章

热门文章