1. 前提

使用微信开放标签，首先要通过签名配置和一些手动配置。这些在微信JSSDK对接的趣事有说明，此处不再赘述。这些配置与框架无关。

2. not a known element

npm run build 测试的时候，发现会提示

'wx-open-launch-app' is not a known element

解决：图片路径

或者是在当前模块添加也可以

3. 开放标签不显示

签名通过以后，发现 wx-open-launch-app 在index.html 普通页面上正常显示。

在anghular 组件里面，不显示。但是有高度，而在文档在Vue、React等框架中使用wx-open-launch-app 并没有说明angular的使用说明。

解决办法：在组件里面使用 innerHtml 赋值字符串html标签

参考链接

angular使用微信开放标签相关推荐

微信开放标签--H5唤醒手机app/跳转微信小程序
木剑前提代码注意前提微信版本要求为:7.0.12及以上系统版本要求为:iOS 10.3及以上.Android 5.0及以上与微信小程序绑定的微信公众号必须为已认证的服务号让专门管理微信 ...
微信开放标签使用注意说明
先放上微信开放标签开发文档链接目录 | 微信开放文档开放对象已认证的服务号,服务号绑定"JS接口安全域名"下的网页可使用此标签跳转任意合法合规的小程序. 已认证的非个人主体的 ...
微信开放标签wx-open-launch-weapp实现点击跳转到微信小程序
一.微信开放标签使用步骤与微信JS-SDK类似,也需要引入JS文件等步骤.如果是公众号身份的网页,需要绑定安全域名.具体参见微信开放文档二.vue.config.js配置因为在vue项目中,直接使 ...
微信H5页面跳转小程序 - Vue中使用微信开放标签＜wx-open-launch-weapp＞
微信开放标签说明文档使用微信开放标签前置条件 1.绑定域名登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名" 2 ...
微信开放标签＜wx-open-launch-app＞之Vue项目H5唤醒APP
微信开放标签<wx-open-launch-app>之Vue项目H5唤醒APP 在微信开放标签出来之前,大多数人都是采用 URI Scheme 以及 ios 的universal Link ...
UNI-APP/VUE 项目集成微信SDK /微信开放标签教程和避坑指南（下）——微信开放标签篇
UNI-APP/VUE 项目集成微信开放标签教程和避坑指南文章同步发布于
vue与微信开放标签，调起app
使用微信开放标签 <wx-open-launch-app></wx-open-launch-app>调起分享到微信网页中的app 此开放标签只能在线上显示,本地与测试环境均不显 ...
使用微信开放标签＜wx-open-launch-weapp＞的踩坑日记
最近在完成H5跳转小程序需求时,使用到了微信官方退出的开放标签<wx-open-launch-weapp>,来谈一谈使用的心得和不足. 1.适用环境微信版本要求为:7.0.12及以上. ...
vue3项目中使用微信开放标签wx-open-launch-weapp实现点击跳转到微信小程序
一.使用前置条件微信开放标签使用步骤与微信JS-SDK类似,也需要引入JS文件等步骤.如果是公众号身份的网页,需要绑定安全域名.具体参见官方文档. 二.vue.config.js配置在vue项目中 ...

angular使用微信开放标签

1. 前提

2. not a known element

3. 开放标签不显示

angular使用微信开放标签相关推荐

最新文章

热门文章