1. 程式人生 > >vue 如何點選按鈕返回上一頁

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就是後臺返回的所有資料 前端需要接收並儲存
                })
            }

***********************今天的文章就到這裡了******************************