首页 > 其他分享 >对于进入新增页返回时保持之前的状态页

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

时间:2022-12-26 14:44:36浏览次数:31  
标签:返回 状态 route 新增 siteId query 页码 page 路由

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。

 

标签:返回,状态,route,新增,siteId,query,页码,page,路由
From: https://www.cnblogs.com/lksses/p/17005761.html

相关文章