uni-app webView组件使用

uni- app组件地址
https://uniapp.dcloud.net.cn/component/web-view.html#web-view

代码应用

<web-view class="webView" :src="src" @message="handlePostMessage"></web-view>

  methods: {
  //用于接收@message h5向小程序传递的数据
  //多次触发将依次添加到e.detail.data数组最后
    handlePostMessage(e) {
      this.shareFlag = e.detail.data[e.detail.data.length - 1]
    }
  },

<style lang="scss" scoped>
.webView {
  width: 100%;
  height: 100vh;
}
</style>

  //如果h5路由开启缓存keep-alive 
  //h5代码activated生命周期中默认触发
  //    activated(){
  //     wx.miniProgram.postMessage({
  //          data: 'customOptions',
  //      });
  //  },