小程序的浏览量增加

346 阅读1分钟
  • 功能需求:页面浏览量增加。当用户进入新闻列表内容页后再一次退出,增加浏览量,且不刷新页面。

getCurrentPages()方法,该方法是获取页面当前页面栈

//获取访问后的浏览量
onShow(){
    let pages = getCurrentPages();
    let currPage = pages[pages.length - 1]; //当前页
    var index =currPage.data.index;
    var newsList=this.data.newsList;
    if(index !== null && index != undefined){
      newsList[index].browse=currPage.data.prize_id;
      this.setData({
        newsList:newsList
      })
    }
 }
  • 这里是获取从详情页面带回来的值
 //上一页
 addBrowse(e){
    var pages = getCurrentPages();
    var prevPage = pages[pages.length - 1];  
    prevPage.setData({
      browseSub: e.currentTarget.dataset.info,
      index: e.currentTarget.dataset.index,
    })
  },
  • 首先是定义一个点击事件 addBrowse该方法,点击后存储一个值,带到详情页面中

    • 在详情页面中可以操作,上一级页面带来的数据,所以我们只要存储一下就可以

详情页面

  • 获取上一个页面的数据后,对其修改
  returnStor: function (r) {
    var pages = getCurrentPages(); 
    var prevPage = pages[pages.length - 2];   //上一页
    prevPage.setData({
      prize_id: r,
      browseSub: prevPage.data.index
    })
  },

总体来说就是使用getCurrentPages()这个方法来操作数据,适用于,进入详情页面操作后,返回上一级页面后更新某些数据