对于进入新增页返回时保持之前的状态页

1.新增按钮

<router-link class="mui-tab-item" :to="{path:'/cms/page/add',query:{
    page:this.params.page,
    siteId:this.params.siteId
    }}">
      <el-button type="primary" size="small" >新增页面</el-button>
    </router-link>

在path的后面加上query:{},把状态信息存到路由中

2.在Add页的代码将页码,等需要的状态信息从路由中取出,然后带着数据返回

 //返回        .$router :取到当前路由
      go_back:function () {
        this.$router.push({
          path:'/cms/page/list',
          query:{
            page:this.$route.query.page,       //取出路由中的参数
            siteId:this.$route.query.siteId
          }})
      }

3.返回到原来的页码,按照1的方法,同样将数据取出进行处理,我是放created方法里的

 created(){
      //取出路由中的参数,赋值给数据对象
      this.params.page = Number.parseInt(this.$route.query.page || 1),
      this.params.siteId = this.$route.query.siteId
    },

注: 我这里对page(页码)进行了判断,

(A || B)       //如果A为真就用A,   A不为真就会使用B。

 

posted @ 2022-12-26 14:34  lksses  阅读(56)  评论(0编辑  收藏  举报