vuejs怎么返回上一頁

這篇文章主要講解了“vuejs怎么返回上一頁”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“vuejs怎么返回上一頁”吧！

vuejs實現返回一頁的方法：1、通過“goOff(){this.$router.go(-1);},”方法實現點擊返回上一頁；2、通過“methods: {back(){if () {...}”方式實現返回上一頁，如果沒有上一頁則返回首頁。

本文操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

vuejs如何返回一頁？

vue 實現點擊按鈕返回上一頁：

1，vue 如何點擊按鈕返回上一頁呢？

這是vue掛載的范圍html代碼

      <div @click="goOff()">返回</div>

下面是點擊返回的方法

第一種只返回上一頁

           goOff(){
                this.$router.go(-1);
            },

第二種 返回上一頁，如果沒有上一頁返回首頁

    methods: {
        back(){
            if (window.history.length <= 1) {
                this.$router.push({path:'/'})
                return false
            } else {
                this.$router.go(-1)
            }
        }
    },

2，下面介紹一點vue調取接口小知識

           actAllProfit(){                //調取接口的函數
                var params = {};                //這是調取接口時的請求參數 明白點就是我們要傳過去的參數
                var reqUrl = this.diviBaseUrl + '/bonuses/grossProfit';               //這是后臺接口地址
                this.$http.get(reqUrl,{               //get方式發送請求
                    params: params           //把外面聲明的參數傳過去
                }).then((res)=>{   //巧妙運用箭頭函數
                    if(!res){return;}
                    this.allProfit = res.Profit; //res就是后臺返回的所有數據 前端需要接收并保存
                })
            }

感謝各位的閱讀，以上就是“vuejs怎么返回上一頁”的內容了，經過本文的學習后，相信大家對vuejs怎么返回上一頁這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！