当前位置: 首页 > news >正文

长沙网站建设公司哪家专业/重庆黄埔seo整站优化

长沙网站建设公司哪家专业,重庆黄埔seo整站优化,网站设计自己申请,绵阳欣城建设第一步:uni-app H5页面触发传参→微信小程序 onLoad(d) {this.postMessage(); }, methods: {postMessage() {wx.miniProgram.postMessage({data: {title: this.filename,//这个是要传给微信小程序的标题path: ?a1&b2&c3,//这个是要传给微信小程序的参数}…

第一步:uni-app H5页面触发传参→微信小程序 

onLoad(d) {this.postMessage();
},
methods: {postMessage() {wx.miniProgram.postMessage({data: {title: this.filename,//这个是要传给微信小程序的标题path: `?a=1&b=2&c=3`,//这个是要传给微信小程序的参数}})},
}

第二步:微信小程序代码,分享页面传参→H5页面

index.wxml

<web-view src="{{src}}" bindmessage="bindmessage" />

 index.js

Page({data: {src: "https://www.shuzhiqiang.com/#/",//注意后面有"/#/"shareData: {},},onLoad(d) {if (d && Object.keys(d).length) {let p = Object.keys(d).reduce((p, k, i) => p + `${i === 0 ? '?' : '&'}${k}=${d[k]}`, '');this.setData({ src: this.data.src + p });// 通过web-view的src路径传参,从微信小程序传参给H5}},// 当点击小程序右上角胶囊“…”的时候接收H5传过来的值bindmessage(d) {if (d && d.detail && d.detail.data) {//console.log('H5传过来的最新信息', JSON.stringify(d.detail.data.slice(-1)[0], null, 2));this.setData({ shareData: d.detail.data.slice(-1)[0] });//因为bindmessage推送过来的数据是push的形式,所以最新的数据是在最后}},   // 注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮onShareAppMessage() {return {// 用Promise延时一下,避免bindmessage还未执行完毕,就唤起转发promise: new Promise(resolve => {setTimeout(() => {resolve({title: this.data.shareData.title,path: `/pages/index/index${this.data.shareData.path}`,//这个path是来自H5页面的传参路径})}, 100)})}}
});wx.showShareMenu({withShareTicket: true,menus: ['shareAppMessage', 'shareTimeline']// shareAppMessage表示“发送给朋友”按钮,shareTimeline表示“分享到朋友圈”按钮 
})

第三步:打开分享的微信小程序卡片,uni-app H5页面获取参数

在H5项目的App.vue页面获取参数实现自动跳转到对应页面,包括携带的参数值

import wx from "weixin-js-sdk"; //npm install --save weixin-js-sdk export default {		onLaunch() {// 监听各种跳转['navigateTo', 'redirectTo', 'reLaunch', 'switchTab', 'navigateBack', ].forEach(v => {uni.addInterceptor(v, {success: e => this.watchRouter(e),})});this.watchRouter();},onShow(d) {d = d.query;if (d && Object.keys(d).length) {let path = d.path;delete d.path;let p = Object.keys(d).reduce((p, k, i) => p + `${i === 0 ? '?' : '&'}${k}=${d[k]}`, '');let url = `${path}${p}`;// console.log('跳转路径&参数', url)uni.navigateTo({url});}},onHide() {},methods: {watchRouter(d) {wx.miniProgram.postMessage({data: {title: `自定义标题!`,path: ``,}})},},}

http://www.jmfq.cn/news/4904677.html

相关文章:

  • 免费网站设计定制/windows10优化工具
  • 做调查挣钱的网站/东莞seo网络培训
  • 沭阳做网站shy1z/windows优化工具
  • 做优化的网站/网站快速排名推广软件
  • 建设公司网站的步骤/网络营销常见的工具
  • 百度怎么做自己的网站/品牌形象推广
  • 网站路径改版如何做301重定向/域名注册查询
  • 建立公司微信平台 网站平台/南京网站设计公司
  • 网站开发包括哪些/买域名
  • 深圳坂田做网站/百度推广后台登录页面
  • 做网站换域名/百度推广价格
  • 网站排名推广软件/seo技术网网
  • 沈阳项目/深圳关键词排名seo
  • 做网站用到什么开发语言/百度注册公司地址
  • wordpress 分类菜单/银川网站seo
  • 成都网站建设推广好/中国女排联赛排名
  • 建设银行海外分行招聘网站/seo是什么意思呢
  • 网站怎么做排行榜/国家免费技能培训
  • 做网站建设公司赚钱/seo引擎搜索
  • 网站打开速度慢/网站推广系统
  • 网站培训班/优化营商环境 提升服务效能
  • 移动端网站建设费用/百度一下就知道首页
  • 重庆江北网站建设/google 优化推广
  • 贵阳网站商城建设/网站怎么做
  • 公司手机网站开发招标书/四川网站seo
  • 网站建设得多少钱/公司培训课程有哪些
  • 网站建设综合实训心得体会/百度推广需要多少钱
  • 牡丹江网站建设/网络推广优化品牌公司
  • 苏州网站开发建设服务/百度推广技巧方法
  • 朝阳区住房和城乡建设委员会官方网站/刘雯每日资讯