{errMsg: "config:ok”}
说明你已经接入JS-SDK成功了
遗憾的是截至2020年7月13号为止,微信开发者工具还是无法支持微信开放标签的调试功能,只能在手机上调试并且是在加了微信安全域名的服务器环境下调试,着实麻烦
三、在 VUE 项目内使用 wx-open-launch-app
由于 wx-open-launch-app 这个标签在VUE项目编译时识别不了会报错,得在main.js文件内加上忽略报错的代码
//忽略自定义元素标签抛出的报错
Vue.config.ignoredElements =['wx-open-launch-app',
];newVue({
el:'#app',
template:'',
components: { app }
})
wx-open-launch-app 标签组件
:id="id"class="launch-btn":appid="appId":extinfo="extinfoStr"
>
注意
1、标签内的原本的 slot 需要替换成
4、标签内 appid 填写的是微信公众号内填写的你们 app 的 appid
5、extinfo 内填的是传递给唤起 app 的数据,而我们发现微信7.0.15版本在ios上,有概率会接收数据失败,不知道是微信的问题还是我们IOS的写法问题
6、在 VUE 的 mounted 生命周期回调函数内侦听开放标签的回调事件
mounted(){var btn = document.getElementById(this.id)
btn.addEventListener('launch', e =>{//在此处可设置粘贴板内数据,数据是传递给 app 的参数进,
console.log('success');
});
btn.addEventListener('error', e =>{//在此处可设置粘贴板内数据,数据是传递给 app 的参数进,
console.log('fail', e.detail);//唤醒失败的情况下,可用于降级处理比如在此处跳转到应用宝
});
}
7、如果微信版本低于7.0.12 开放标签是无法使用的,所以最好在开放标签外套一层 DIV 用于点击事件,在事件中断段微信版本号如果低于,则降级到应用宝之类的方案
:id="id"class="launch-btn":appid="appId":extinfo="extinfoStr"
>