vuejs怎么返回上一頁(yè)

這篇文章主要講解了“vuejs怎么返回上一頁(yè)”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“vuejs怎么返回上一頁(yè)”吧！

vuejs實(shí)現(xiàn)返回一頁(yè)的方法：1、通過(guò)“goOff(){this.$router.go(-1);},”方法實(shí)現(xiàn)點(diǎn)擊返回上一頁(yè)；2、通過(guò)“methods: {back(){if () {...}”方式實(shí)現(xiàn)返回上一頁(yè)，如果沒(méi)有上一頁(yè)則返回首頁(yè)。

本文操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

vuejs如何返回一頁(yè)？

vue 實(shí)現(xiàn)點(diǎn)擊按鈕返回上一頁(yè)：

1，vue 如何點(diǎn)擊按鈕返回上一頁(yè)呢？

這是vue掛載的范圍html代碼

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

下面是點(diǎn)擊返回的方法

第一種只返回上一頁(yè)

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

第二種 返回上一頁(yè)，如果沒(méi)有上一頁(yè)返回首頁(yè)

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

2，下面介紹一點(diǎn)vue調(diào)取接口小知識(shí)

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

感謝各位的閱讀，以上就是“vuejs怎么返回上一頁(yè)”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)vuejs怎么返回上一頁(yè)這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！