mpvue关于小程序内嵌网页 web-view 的分享

 mpvue关于小程序内嵌网页 web-view 的分享

在main。js 里面声明小程序的全局变量绑定到vue的原型对象上面

mpvue关于小程序内嵌网页 web-view 的分享

点击右上角菜单转发后  把webViewUrl 绑定到全局变量里面去

 

mpvue关于小程序内嵌网页 web-view 的分享

内嵌网页点击右上角的分享 会多出一个webViewUrl  

onShareAppMessage: function(res) {

console.log(res);

var that = this;

if (res.from === 'menu') {

}

console.log(res.webViewUrl)

let param =  res.webViewUrl

const url = `/pages/newsdetail/main?path=${param}`;  //这个 可以在 onLoad 生命周期里面取出path

this.globalData.url=res.webViewUrl;  // 之前看了一篇文章 保存到全局变量里面!  经测试不需要保存全局变量

直接获取路由参数就可以抓到path

console.log(this.globalData.url);

return {

title: '自定义名字',

path: url

}

}

mpvue关于小程序内嵌网页 web-view 的分享

 

然后另外一个微信打开的时候这个页面的时候,

 

取出全局变量里面的path  赋值到 web-view上面  就可以看了   二次转发也可以用!

mpvue关于小程序内嵌网页 web-view 的分享

getquery()   是封装的一个方法 挂载到vue 原型对象上面的

mpvue关于小程序内嵌网页 web-view 的分享

 

微信调整后 success 这个回调 好像没用了!