VUE:组件间相互跳转、页面带参跳转
生活随笔
收集整理的這篇文章主要介紹了
VUE:组件间相互跳转、页面带参跳转
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。
只是記錄下用法:
從 A 頁面跳轉到 B 頁面。
如下寫法:
A 頁面跳轉方式:
代碼:
getdata() {var token = "我是參數值 ";// 參數組裝let postData = this.$qs.stringify({name: $("#name").val(),word: $("#pwd").val()});this.$ajax({method: "post",url: this.GLOBAL.BASE_URL + "/gentle/first",data: postData}).then(res => {// this.$router.push({name:'路由命名',params:{參數名:參數值,參數名:參數值}})this.$router.push({name: 'menuLeft', params: {token: token}, query: {token: token}})},err => {console.log("出錯了:"+err);});}B 頁面接收:
?
代碼重點就是一行:?
var data = this.$route.query.token運行效果:
?
?
總結
以上是生活随笔為你收集整理的VUE:组件间相互跳转、页面带参跳转的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Server.Transfer 和 Re
- 下一篇: ASP.NET WebForm和Mvc开