写小程序的一些小坑

Posted 2021-01-24 洛昭言

1.关于数据绑定的问题

　　小程序更新data后只是把数据的值更新，不会刷新页面，比如滑动的列表不会回到顶部，导致使用swiper有个小bug：

　　　　就是swiper的数据是后台请求的，可通过切换tab标签动态获取，如果在切换之前swiper处在第三张或者更多（比将要点击的tab下的swiper多），那切换后swiper会是空白，解决办法是，每次切换要手动初始化swiper的current  　　属性，使其停留在第一张。

2.关于生命周期的问题

　　生命周期函数不要写成箭头函数，否则this会取不到

　　 切换底部导航时页面不刷新问题，可以用onShow函数掉一次接口重新获取数据解决，或者写一个下拉刷新

3.图片预览问题

　　ios没有问题，安卓会黑屏，原因是预览的图片必须是http或https开头的url，相对路径会黑屏

4.背景图片不显示的问题

　　 这应该是小程序的bug，解决方法：

　　 1. 将背景图片转成base64   2.将图片放到服务器，使用url显示

5.关于picker组件

　　 1. 触发弹窗时一定要点击在内容上才可触发，点击空白处无效，这个解决看具体需求，比如加个默认值之类的

　　 2. 安卓和ios的样式不一样，如果对这个有要求建议使用第三方组件（如：有赞）

6. 关于post请求

　　如果要传请求参数，header中要写这个 ‘content-type‘: ‘application/x-www-form-urlencoded‘，官方文档说的 ‘content-type‘: ‘application/json‘ 这个，貌似不管用

7. 小程序没有过滤器

　　可以用wxs解决，但是要处理传入的value undefined的时候，否则会报错，因为这个方法执行的快一些，数据还没有传过来，当数据传来后又执行一次，第一次很可能undefined

8. 关于小程序码识别的问题

      如果二维码识别的是小程序通过 navigate 跳转后的子页面，进入小程序后将回不到首页，因为小程序会认为这是首页，如果有可以回到首页的需求，我的解决办法是，识别后进入首页根据scene参数进行子页跳转

 

暂时就想到这么多，如果遇到问题再补充