- h5 唤醒app的标签,当 vue-router 使用 hash 模式时,会不兼容吗?
# 复现链接 链接1: http://www.266.com/slide/index.html?debug=1 链接2: http://www.266.com/slide/index.html?debug=1#/ # 复现步骤: 使用链接1,在安卓和ios手机打开打开右下角的 `vConsole`# 代码 export default Vue.extend({ mounted () { // wx config code ... wx.ready( () => { btn.addEventListener('ready', function (e) { console.log('btn ready') }) }} }) # 结果 预期:控制台应该显示代码中打印的`btn ready`实际:安卓符合预期, ios 不符合预期(但在刷新后重新执行复现步骤,则出现了`btn ready`)# 其它现象 经观察,链接1复制后在微信开发者工具访问,会因为 vue-router 的 hash 模式而自动补上 `#/`,变成了链接2。 如果使用链接2 在 ios 手机打开,则能打印出`btn ready`(不需要刷新)
2021-01-19 - wx-open-launch-app 中 style 的样式表现有问题
期望: wx-open-launch-app 内置的 div,希望宽高和`wx-open-launch-app`一致。 结果: 即使我设置了高度为 100%,高度仍然小于外部容器。 更加恶心的是,如果 div 内没有任何内容的话,似乎宽度高度都没了。难道要开发者写一堆没意义的空格符 ` ` 在标签里面??? 复现链接:http://www.266.com/test/index.html?name=%E6%B7%B1%E5%9C%B3%E5%88%98%E8%AF%97%E8%AF%97%E6%9C%AC%E8%AF%97&matchName=%E6%96%97%E5%9C%B0%E4%B8%BB%E7%BB%BF%E8%B1%86%E6%88%98%E8%B1%86%E8%B5%9B%EF%BC%883%E5%85%B3%EF%BC%89&mung=0&img=http://266-cdn-cn-static.17c.cn/c8ce123336a33c68107b03feefbe9d70.jpg&win=0&debug=1#/ 页面底部的按钮如下图: [图片] # 代码 <wx-open-launch-app id="btn" :appid="appid266" :extinfo="extinfo" class="btn-open-app" v-show="isWexin"> <script type="text/wxtag-template"> <style> .btn{ width:100%; height:100%; display: block; border: 1px solid red; } </style> <div class="btn"> </div> </script> </wx-open-launch-app>
2021-01-13 - wx-open-launch-app 不支持 vue 的 slot
在 Vue 框架中,我将 <wx-open-launch-app> 封装成一个组件,并希望使用Vue 的插槽去自定义组件内部内容。但结果是<slot/> 标签仍然是 slot。 能否支持下非原生标签呢? 示例代码: <wx-open-launch-app id="btn" :appid="appid266" :extinfo="extinfo" class="btn-open-app" v-show="isWexin"> <script type="text/wxtag-template"> <style>.btn { padding: 12px;width: 100%; height: 100%; }</style> <div class="btn"> <slot /> </div> </script> </wx-open-launch-app>
2021-01-12 - wx-open-launch-app 模拟器正常,真机报错 [WXTAG][JSCORE]
微信网页开发的 wx-open-launch-app # 复现链接: wx.config 开启 debug: http://www.266.com/test/index.html?name=%E6%B7%B1%E5%9C%B3%E5%88%98%E8%AF%97%E8%AF%97%E6%9C%AC%E8%AF%97&matchName=%E6%96%97%E5%9C%B0%E4%B8%BB%E7%BB%BF%E8%B1%86%E6%88%98%E8%B1%86%E8%B5%9B%EF%BC%883%E5%85%B3%EF%BC%89&mung=0&img=http://266-cdn-cn-static.17c.cn/c8ce123336a33c68107b03feefbe9d70.jpg&win=0&debug=1#/ wx.config 未开启 debug: http://www.266.com/match-result/index.html?name=%E6%B7%B1%E5%9C%B3%E5%88%98%E8%AF%97%E8%AF%97%E6%9C%AC%E8%AF%97&matchName=%E6%96%97%E5%9C%B0%E4%B8%BB%E7%BB%BF%E8%B1%86%E6%88%98%E8%B1%86%E8%B5%9B%EF%BC%883%E5%85%B3%EF%BC%89&mung=0&img=http://266-cdn-cn-static.17c.cn/c8ce123336a33c68107b03feefbe9d70.jpg&win=0&debug=1 # 复现步骤: 打开页面点击底部的下载按钮# 期望 在不需要开启 debug 模式下,点击按钮后,如未安装应用出现提示,安装了则拉起app # 实际表现 真机中,IOS 和 安卓均出现(具体是 IPhone X 和 安卓7,8) `wx.config`未开启 debug的链接,打开底部绿色的控制台,出现错误,并且未执行按钮的 ready 回调(看代码 log 内容)。错误截图如下:[图片] `wx.config`开启 debug的链接,打开底部绿色的控制台,未出现错误,执行了按钮的 ready 回调(看代码 log 内容)。点击下载按钮表现正常。在模拟器中 不管开不开 debug,表现都正常。 // 版本信息 // vue 2.x 示例代码; // jssdk 1.6.0 http://res.wx.qq.com/open/js/jweixin-1.6.0.js、/ export default Vue.extend({ data() { return { isWexin: navigator.userAgent.toLowerCase().includes('micromessenger'), // extinfo, appid 等其它参数 } }, mounted() { this.init() }, methods: { async init() { // 接口获取 ticket 等认证参数 ... wx.config({ // debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印 appId: this.wxPublicAppid, // 必填,公众号的唯一标识 timestamp, // 必填,生成签名的时间戳 nonceStr, // 必填,生成签名的随机串 signature, // 必填,签名 jsApiList: ['onMenuShareAppMessage'], // 必填,需要使用的JS接口列表 openTagList: this.openTagList // 可选,需要使用的开放标签列表,例如['wx-open-launch-app'] }) // eslint-disable-next-line wx.ready(() => { const btn = document.getElementById('btn') console.log('ready?', this.openTagList, btn) if (btn) { btn.addEventListener('ready', function (e) { console.log('btn ready') // 未开启 debug 时,真机不会打印;开启则正常打印 }) btn.addEventListener('launch', function (e) { console.log('launch') }) btn.addEventListener('error', (e: any) => { console.log('error', e.detail) this.openFail = true }) } }) } } })
2021-01-06 - wx.getWeRunData 文档内容遗漏?
原文如下:开放数据 JSON 结构敏感数据有两种获取方式,一是使用 加密数据解密算法 。 文档里提到有两种获取方式,但只讲了一种。内容遗漏了吗?
2019-10-23