天天看点

mpvue小程序踩坑

1、mpvue在用getCurrentPages()获取页面栈时会eslint提示getCurrentPages未定义,原因是getCurrentPages()是小程序的原生方法,不需要定义的,eslint有比较严格的校验,在用getCurrentPages()之前把eslint给disabled就可以。如下

/* eslint-disable */
      console.log('pages:===', getCurrentPages())
      if (getCurrentPages()[getCurrentPages().length - 2].route === 'pages/activityManage/main') {
        wx.navigateBack({
          delta: 1
        })
      }
           

2、如果页面栈比较多的话,用wx.navigatoTo({url:url}),就会使页面死掉,返回上一页尽量使用

wx.navigateBack({
  delta: 2
})
           

因为小程序的页面栈只有5个,超过5个就可能造成丢失参数,页面请求数据不对等问题。另外最好把数据存储到storage中,这样取的时候也比较方便,如果直接放到url中传参,有可能会丢失,还得在onLoad中取出,比较麻烦。

3、另外做上拉加载时,如果在列表页面上拉加载到page=3,这时已没有数据了,再点击左上角的返回,然后再回到列表页面,分页的page还是等于3,这就是数据没有清空,在onUnload中初始化一下数据,代码如下:

onUnload () {
    Object.assign(this, this.$options.data())
  },