nvue页面
<web-view src="http://192.168.169.62:8080" @onPostMessage="onPostMessage"></web-view>//将你的h5项目运行以下,用你自己的h5地址。
在methods方法中定义onPostMessage事件。
onPostMessage(e) { //打印接收的参数 console.log(e) }
uniapp创建的h5项目
先在h5项目的根路径下手动创建一个html文件,例如命名为h5.html的文件,并在源码视图的h5配置里模板路径选择该文件,接下来在static目录下引入web-view.js文件,然后在main.js中挂载到Vue实例上,
import webUni from './static/web-view.js'
Vue.prototype.$webUni = webUni;
在你需要的h5的某个页面进行使用
this.$webUni.postMessage({
data:{
pathUrl: '会议列表' //传递的参数
}
})
这样你的nvue页面就可以接收到这个参数啦。
支持以下方式进行打点调用this.$webUni.navigateTo({url: '/pages/index/index'})//非tabbar页面。this.$webUni.switchTab({url: '/pages/index/index'}),还有navigateBack、reLaunch、redirectTo、getEnv这些。