vueページジャンプの2つの方法

1214 ワード


1、ラベルジャンプ
2ページ目まで
2,クリックイベントジャンプ
   html :
2ページ目jsへ
methods:{//ジャンプページ
                    hreftwo(){
                              this.$router.push({ path:'/two.html'  })
                                }
                       }
3,vueはどのようにボタンをクリックして前のページに戻りますか?
これはvueマウントの範囲htmlコードです
戻る
次はクリックして戻る方法です
1つ目は前のページにのみ戻ります
           goOff(){                 this.$router.go(-1);             },
2つ目は前のページに戻り、前のページがなければトップページに戻ります.
    methods: {
        back(){
            if (window.history.length <= 1) {
                this.$router.push({path:'/'})
                return false
            } else {
                this.$router.go(-1)
            }
        }
    },

次に、vue呼び出しインタフェースの小さな知識を紹介します.
actalProfit(){//インタフェースの関数var params={};//これはインタフェースを呼び出すときの要求パラメータです.分かりました.私たちが渡すパラメータvar reqUrl=thisです.diviBaseUrl + '/bonuses/grossProfit';//これはバックグラウンドインタフェースのアドレスです.http.get(reqUrl,{//get方式送信要求params:params//外部宣言のパラメータを渡す}).then((res)=>{//矢印関数if(!res){return;}を巧みに運用する                    this.allProfit = res.Profit;//resはバックグラウンドから返されるすべてのデータフロントエンドが受信して保存する必要がある})}