Webview嵌套H5消息通讯 - initMessage

简介

• 该任务主要服务于webview页面调用原生能力接口，并返回给webview页面

环境适配说明

环境名称	是否支持	jssdk文件最低版本号	npm包最低版本号
湘易办APP-小程序	✅	1.1.4	0.0.4
湘易办APP-小程序-webview	✅	1.1.8	0.0.4
湘易办APP-webview	✅	2.0.0	0.0.4
三方H5	❌	--	--
三方小程序	❌	--	--

参数

无需处理

返回值

无需处理

示例

demo

<template>
  <web-view id="webview" :src="pageURL" @message="getMessageInfo"></web-view>
</template>

<script>
  export default {
    data() {
      return {
        pageURL: 'xxxxx'
      }
    },
    methods: {

      getMessageInfo(ev) {
        // 如果需要处理webview页面的其它消息通讯处理，可自行处理，记得`return`掉
        if (ev?.detail?.data?.xxx = 'xxxx') {
          // 执行业务代码
          return;
        }
        this.$xybAgent.initMessage(ev, this.$xybAgent, this);
      }
    }
  }
</script>

注意事项

webview组件的id值必须设置为webview，否则会导致在鸿蒙下，无法进行数据通讯