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())
  },