微信小程序问题合集

目录

 

手机扫开发版的二维码后，出现白屏

同一个小程序下，不同版本会共用setStorageSync缓存在本地的东西

图片上传对接

canvas画布画出后台返回的base64图片在真机不显示

v-show的坑（这个不算小程序的，由于我用的是mpvue，这里做下记录）

---

手机扫开发版的二维码后，出现白屏

应该是没有加入该小程序的开发者。以前没加入的时候扫码会提示不是开发者，现在扫只会有个白屏，没有任何提示

解决办法：让管理员把其添加为开发者，重新扫码即可

 

同一个小程序下，不同版本会共用setStorageSync缓存在本地的东西

例如：开发版缓存了token在本地，然后在体验版和线上的版本也会拿得到token

解决办法：如果token是可以三个版本一起使用就没问题。如果每个版本需要的token是不一样的，则需要分环境来使用不同的名称来进行缓存

 

图片上传对接

小程序的图片上传对接跟我们平常的对接是不一样的，我们传过去的是小程序生成的本地的一个地址。具体拿取方法需要后端那边去调小程序的api拿。平常接口可以在调试界面看返回的响应信息，但是上传图片的返回是空白的

解决办法：我们如果想要看响应信息，只能打印出来

 

canvas画布画出后台返回的base64图片在真机不显示

当我们通过CanvasContext.drawImage画出base64图片的时候，在开发者工具上看是非常正常的展示出了图片，但是使用真机预览后会发现一片空白

解决办法：通过FileSystemManager.writeFile把图片写到本地，然后再通过wx.getImageInfo拿到图片的路径，再CanvasContext.drawImage画出来就能正常展示了

 

v-show的坑（这个不算小程序的，由于我用的是mpvue，这里做下记录）

正常情况下下面的代码是可以切换的，如下所示：

我们都知道v-show的切换方式就是操作元素 display 属性的，v-if是操作的dom树

有个问题就是，当我们需要动态切换一个div的时候，给它加了v-show，但是没有效果。

原因是这个div设置过display属性，例如display:block。导致v-show切换的时候display属性被覆盖了。

解决方法：可以通过class来控制显示隐藏