详解小程序中h5页面onShow实现及跨页面通信方案(3)

import { isZZWA, onShow } from '@/lib/sdk' import URL from '@/lib/url' ... created () { if (isZZWA()) { onShow(() => { // 地址信息 const addressInfo = URL.getHashParam('zzwaAddress') console.log('addressInfo:', decodeURIComponent(addressInfo)) ... // 分类信息 const selecteCateInfo = URL.getHashParam('selecteCateInfo') console.log('selecteCateInfo:', selecteCateInfo) ... } else { ... } } ...

serviceDone(data, condition)

描述：业务结束，需要将数据传递给指定页面

参数：

data Object 需要传递的数据 {key: 'xx', content: 'xx'}

condition String|Number 触发条件

String 指定url的路径，当webview打开指定的url触发onshow时，会发送该消息

Number 返回到指定的测试，类似history.go(-1)，如： -1，-2

例子：类型选择页

import { isZZWA, serviceDone } from '@/lib/sdk' // 类型选择点击 typeChooseClick (param, type) { ... if (isZZWA()) { // 需要返回的数据 const data = { key: 'selecteCateInfo', content: JSON.stringify({...}) } // 通过postMessage发送给小程序，-1表示返回上一页面 serviceDone(data, -1) } else { ... } }

ok，我们来看看h5端的sdk是怎么实现的