首页 编程开发微信小程序开发遇到的一些问题

微信小程序开发遇到的一些问题

分类:编程开发
字数: 1618
评论: 0
阅读: 5256
摘要:

最近一个月一直在开发公司项目的微信小程序版。期间遇到了一些坑,为避免其他人遇到此类问题不知如何解决,所以将此记录下来。

1. 新建微信小程序项目,页面空白。

    原因: 可能跟我经常使用科学上网工具有关, 自动设置了代理。

    解决办法: 关掉代理即可

daili.png


2. 页面打开后没有数据, 需要刷新一下才会有数据显示出来。

    原因: 绑定数据时用错方式, 用this.data可以获取到数据, 但是不能直接通过this.data.index = 1 这样设置数据。这样虽然可以改变data中的数据,但是不会同步到页面上。

    解决办法: 使用this.setData()方法来绑定数据。

3. 使用wx.setNavigationBarTitle(Object)设置导航栏标题,会导致标题栏闪烁, 或显示上一个页面的标题。

    原因:在onLoad中设置的话, 会在onReady的时候,将title设置为app.json中的值。

              在onReady中设置的话,会先显示app.json中的值,然后页面加载完这个title才改变。

     解决办法: 可以在当前page的json文件中配置该标题。

    {

        "navigationBarTitleText" : "标题"

    }

    ps: 如果该页面标题是动态的(比如博客文章的标题), 可能只能在onReady的时候设置title了吧, 就是会有一个闪烁切换的过程。至今没有找到好的办法避免。


4. this的使用

    this是指向当前页面实例, 使用时可以先保存一下, const that = this

    避免被当前作用域this污染。


5. 点击跳转后打开n个空白页面

    原因: 不明,可能是开发工具的bug

    解决办法: 1.重启开发工具。 2.新建项目。 3.重装开发工具。 多试试吧。


6. 微信小程序在手机上预览后获取不到后台API数据

    解决办法:

    1. 查看https的tls 仅支持 1.2 及以上版本

    2. 查看request success后是否使用了JSON.parse()来处理返回数据, 如果使用了, 去掉试试。

    3. 点击手机右上角的菜单, 打开调试模式。查看有无报错信息。


顺便吐槽下:公司所有人都在忙一个重要的项目, 而我却在开发小程序。开周会的时候很另类啊

顺便再吐槽下:今天看到微信小程序的更新日志, 又废弃了一堆东西, 前几天写的程序又得改改改了。 哈哈呵呵

    

文章发布于: 2016-11-18 05:22:36

扫描二维码,在手机上阅读