对于微信开放性标签文档的爬坑

对于一个初步设计此类需求的开发任务第一次看开发文档上级只给了开发文档的链接！当第一眼看到的时候也是一脸懵逼
链接: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

对开发文档的解读

当我打开开发文档可以清楚的看到五个步骤在此就不一一解读了直接看用例吧

appid：微信开放平台的appid（绑定了要拉起APP的ID如果步骤1不是你做的可能要找你上级索要）
extinfo：携带额外信息,往细里面的说，就是你拉起app指定跳转的到的页面所需要给的参数

解读2

关于上面的图片使用vue的朋友可能一开始看到 wx.config 这应该写到哪里？
在这wx.config里面的数据又是什么！

其实很简单在开发文档中的步骤二按要求引入JS文件即可使用wx.config而其中的内容完全由后端给的接口数据做的，在这注意一下此处的appID和之前说的并非相同，其中jsApiList 和 oppenTagList 需要直接根据本地配置

友情提示

在标签和方法中的appID 并非相同，请勿混淆
在使用wx开发标签中控制台会报错并不识别[‘wx-open-launch-app’]，解决方法在main.js中添加配置 Vue.config.ignoredElements = [‘wx-open-launch-app’]; 至于用处就是忽略报错！
在如今的开发中我们都相对于以来组件库开发！而在开发中测试到微信开放性标签并不支持组件的使用！（个人爬坑测试并不确定，可能是我写法问题，欢迎测试回复）
在用例中 < template > 包裹样式和标签在vue中也会报错在此我们把template 改为 < script type=“text/wxtag-template” >即可
由于微信开放性标签只能在生产环境下测试看不到样式的问题！我们可以给标签加一个背景色即可在电脑测试中看到具体的位置！而在部分组件中修改列如：一个按钮的时候可能遇到添加样式并不成功的时候，列如其中的宽高！需要使用定位的方法来固定位置！

学海无涯

有不懂的地方欢迎留言
如感觉此文章对您有帮助欢迎一键三连

关于VUE使用微信开放性标签的解读相关推荐

vue与微信开放标签，调起app
使用微信开放标签 <wx-open-launch-app></wx-open-launch-app>调起分享到微信网页中的app 此开放标签只能在线上显示,本地与测试环境均不显 ...
uni-app / vue 使用微信开发标签标签wx-open-subscribe
字多耐心看完别慌张仔细仔细看经过N久得爬坑,终于做出来了,废话不多说,直接上代码,样例为uniapp vue 同理,直接新建一个文件打开即可 ,同时把所有得wx. 换成uni.: 效果: 有 ...
微信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 php企业站案例,vue 开发企业微信整合案例分析
本文实例讲述了vue 开发企业微信整合.分享给大家供大家参考,具体如下: 概述手机端程序可以和企业微信进行整合,我们也可以使用企业微信JSSDK功能,实现一些原生的功能. 整合步骤在整合之前需要阅 ...
vue实现微信扫码拨打电话
vue实现微信扫码拨打电话首先确定下要做什么~~ 1.展示一张二维码 2.用户打开微信扫一扫,扫描这张二维码 3.用户手机上弹出拨打电话窗口那么根据这几点,就有了几个问题: 1.如何生成二维码 2 ...
前端知识总结汇总！（HTML、CSS、JS、jQuery、vue、微信小程序）
前端知识总结汇总!(HTML.CSS.JS.jQuery.vue.微信小程序) 前端理论考核题 1 / HTML 1.DOCTYPE 的作用是什么?标准模式与兼容模式各有什么区别? !DOCTYPE是 ...
vue uniapp 微信小程序搜索下拉框模糊搜索
vue uniapp 微信小程序搜索下拉框模糊搜索话不多说直接贴代码 template <template><view class="index"> ...

关于VUE使用微信开放性标签的解读

爬坑日志

对于微信开放性标签文档的爬坑

对开发文档的解读

解读2

友情提示

学海无涯

关于VUE使用微信开放性标签的解读相关推荐

最新文章

热门文章