zoukankan      html  css  js  c++  java
  • vue 分页跳转页面详情,返回记住当前点击第几页

    列表页

    mounted 调用:

    mounted() {
        this.getSchoolWebModuleMessageListFunc();
      },

    methods中,定义:

    getSchoolWebModuleMessageListFunc(){
        //当从详情页返回的时候,先获取详情页中存下来的detall标识,在列表页中,把获取到的分页页码重新赋值赋值,用以返回前的页面,保持不变 if(sessionStorage.getItem('detail')){ // console.log(Number(sessionStorage.getItem("currentPage"))); //如果有这个就读取缓存里面的数据 this.pageNo=Number(sessionStorage.getItem("currentPage")); this.currentPage4 = Number(sessionStorage.getItem("currentPage")); }else{ this.pageNo=1; //这个主要是从其他页面第一次进入列表页,清掉缓存里面的数据 sessionStorage.removeItem("currentPage"); } }

    在分页的 handleCurrentChange 中,点击切换分页页码,获取当前点击的是第几页:

    handleCurrentChange(val) {
          // console.log(val);
          this.pageNo = val;
          sessionStorage.setItem('currentPage',val);
        }
    

      离开页面时候,清除:

    destroyed(){
        sessionStorage.removeItem("detail");
      },
    

    详情页:

    初始化数据的时候,设置标识: sessionStorage.setItem("detail",true);

  • 相关阅读:
    LAMP网站架构解释
    ftp--pureftpd1.0.46
    给远程主机起别名
    ssh修改端口号并进行远程访问
    ssh使两台机器建立连接
    Linux搭建svn服务
    centos上git搭建
    centos上Jenkins搭建
    kvm安装准备
    服务器Java环境配置
  • 原文地址:https://www.cnblogs.com/moguzi12345/p/12851245.html
Copyright © 2011-2022 走看看