在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 網頁回退,回退到的頁面頁碼變?yōu)?.

網頁回退,回退到的頁面頁碼變?yōu)?.

我list頁面有一個列表,注意這里的page是5,點擊這個名字,會跳轉到詳情頁面:detail頁面,但是我從detail頁面返回list的時候,頁面就會返回到1。我要怎么做才能回退后頁面還是5呢?

圖片描述

我的回退是:this.$router.go(-1);


編輯01

從列表頁跳轉到詳情頁:

go_details(h, params){
    let query = {
      id: params.row.id
    }
    this.$router.push({
      name: 'physicalserverDetails',
      query: query
    });
  },
回答
編輯回答
不討囍

你頁碼跳轉肯定是用了replace 改用Push 就可以了

仔細看了一下,你是跳到詳情頁才后退才出現這個情況,哪問題就是你分頁跳轉的時候是通過router跳轉的嗎,如果不是,哪就要考慮keep-alive了

2018年8月18日 05:12
編輯回答
吃藕丑

可以考慮用一下Vue的緩存,了解一下
當前頁面用了緩存之后,回退到這個頁面就會顯示上次離開的狀態(tài),也就是說,可以滿足你想要的效果,試試吧。

<keep-alive include="index">
  <router-view></router-view>
</keep-alive>

注意,include是你要用緩存的那個頁面組件的name。

<script>
export default {
  name: 'index'
}
</script>
2017年4月18日 02:33
編輯回答
愚念

思想即:點擊分頁器時記錄點選的 page 并追加至 url 上,監(jiān)聽 $route 變化重新 loadList,回退時根據 url 的 page 參數 loadList 并設置分頁器點選狀態(tài)。

export default {

    data () {
        return {
            page: 1
        }
    },
    
    created () {
        this.onRoute()
    },
    
    watch: {
        '$route': 'onRoute'
    },
    
    onRoute () {
        this.loadList()
    },
    
    pushRouter () {
        // 考慮不丟棄通用參數
        var query = this.$route.query
        var queryString = ''
        for (let key in query) {
            if (key !== 'page') queryString += `&${key}=${query[key]}`
        }
        this.$router.replace(`/路由 url?${queryString}&page=${this.page}`)
    },
    
    /**
    * 加載列表請求
    */
    loadList () {
        this.$request({
            url: '請求 url',
            params: {
                page: this.page
            }
        }).then((data) => {
            console.log(data)
        })
    },
    
    /**
    * 點擊分頁器
    */
    clickPaginator (page) {
        this.page = page
        this.pushRouter()
    }
}
2018年4月24日 00:33