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はバックグラウンドから返されるすべてのデータフロントエンドが受信して保存する必要がある})}