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

運行效果:

?

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/448121.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/448121.shtml
英文地址,請注明出處:http://en.pswp.cn/news/448121.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Protocol Buffer 序列化

Protobuf使用 目錄 proto3的更新定義協議格式編譯protobufprotobuf_API 枚舉和嵌套類標準消息方法解析和序列化 寫一條消息閱讀消息編譯Protobuf擴展優化高級用法 proto3的更新 在第一行非空白非注釋行,必須寫: syntax "proto3";字段規…

如何調整反光鏡和座椅的位置 為您支招

【太平洋汽車網 學車頻道】首先要進行座椅的高度調整,上下調整座椅讓頭部離車頂至少還有一拳的距離。如果座椅調得太高,車輛在顛簸時頭部容易碰到車頂,調得太矮了又會影響視線。然后是前后距離的調整,當腳踩住制動踏板至最深處時…

關于hexo與github使用過程中的問題與筆記

快速閱讀 如何用github 和hexo 創建一個blog 1.github中要新建一個與用戶名同一樣的倉庫, 如:homehe.github.io - 必須是io后綴。一個帳戶 只能建立一個2. 綁定域名 , A記錄指向ip, cname記錄指向homehe.github.io 3. 配置sshkey - 個人設置 -> SSH a…

CSS 中 的 margin、border、padding 區別 (內邊距、外邊距)

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 圖解CSS padding、margin、border屬性 W3C組織建議把所有網頁上的對像都放在一個盒(box)中,設計師可以通過創建定義來控制這…

CMake 常用的預定義變量

CMake 常用的預定義變量 PROJECT_NAME : 通過 project() 指定項目名稱 PROJECT_SOURCE_DIR : 工程的根目錄 PROJECT_BINARY_DIR : 執行 cmake 命令的目錄 CMAKE_CURRENT_SOURCE_DIR : 當前 CMakeList.txt 文件所在的目錄 CMAKE_CURRENT_BINARY_DIR : 編譯目錄,…

什么是轉向燈?使用轉向燈有何技巧?

什么是轉向燈?如何使用轉向燈?新手司機對車輛還不是很熟悉,如何正確使用轉向燈,尤其是在不同路段中該怎么正確使用轉向燈,成為了很多新手們的困擾之一,今天我們就來為大家解決這個問題吧! 轉向燈…

基于Flask開發企業級REST API應用(一)

關于我 編程界的一名小小程序猿,目前在一個創業團隊任team lead,技術棧涉及Android、Python、Java和Go,這個也是我們團隊的主要技術棧。 Github:github.com/hylinux1024 微信公眾號:angrycode 前面對Python WEB框架Fla…

解決:Do not use built-in or reserved HTML elements as component id: form

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 1. vue 新寫了個組件,運行工程成功,但界面沒有出效果,F12 提示有一個警告: Do not use …

移動語義,右值引用

移動語義 目錄 右值引用變量是左值move庫函數移動構造函數和移動賦值移動操作庫容器和異常移動賦值操作符移動后的對象必須是可以析構的合成移動操作右值移動左值拷貝右值在無法被移動時進行拷貝拷貝和交換賦值操作與移動移動迭代器右值引用和成員函數右值與左值引用的成員函…

集合練習:登錄注冊功能

需求: 1、登錄賬號唯一,在注冊時驗證輸入的賬號是否可用,若已存在,則不可用,若不存在則可用2、登錄時使用賬號密碼進行驗證1 /**2 * author Administrator3 * 登錄信息 4 */5 public class UserLogin {6 …

vue 通信、傳值的多種方式(超詳細)

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 一、通過路由帶參數進行傳值 ①兩個組件 A和B,A組件通過query把orderId傳遞給B組件(觸發事件可以是點擊事件、鉤子函數等&am…

新手開車 駕駛小秘訣要牢記

有很多人剛買到新車興奮異常,憑著并不熟練的駕駛技術,過了幾天的車癮后發現,剛買的車怎么出現了這樣那樣的問題 有很多人剛買到新車興奮異常,憑著并不熟練的駕駛技術,過了幾天的車癮后發現,剛買的車怎么出現…

chrome中Google插件導出導入

導出插件: 一般電腦默認將你安裝的插件存放的位置在:C:\Users(用戶)\你的電腦名稱\AppData\Local\Google\Chrome\User Data\Default\Extensions 這個文件夾下。這里的 AppData 是個隱藏文件夾,需要顯示隱藏文件夾才行…

科目三電子路考操作流程

如果你已經通過科目二場內五項考試,正準備參加科目三電子路考的話,不妨看看由邕江駕校李師傅操作講解的電子路考考試流程演示視頻,每項都有詳細介紹操作要領及評判標準哦。 科目三考試項目:上車準備、起步、路口左轉彎、通過學校區…

vue Bus 總線 組件間通信

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 有時候兩個組件也需要通信(非父子關系)。當然Vue2.0提供了Vuex,但在簡單的場景下,可以使…

C++沒有調用析構函數

github地址 在項目中遇到一個問題,析構函數沒有調用產生了內存泄露。 具體見valgrind檢測libevent內存泄露 我們看兩個例子 demo1 class Test1; void del(Test1* obj){delete obj; } class Test1{ public:Test1(){printf("Test1\r\n");}~Test1(){pri…

實際操作之路考的這些事

辛苦了這么久練習路考,今天終于實際操作到我路考了。上車以后。關上車門。把考試的單地上給考官。還沒有認真的去看考官一眼。于是就聽到考官用低沉的聲音對我說:你好!當時就感覺有一點意外。沒想到考官你這么有禮貌。然后我就沒那么緊張了&a…

[C# 網絡編程系列]專題十二:實現一個簡單的FTP服務器

引言: 休息一個國慶節后好久沒有更新文章了,主要是剛開始休息完心態還沒有調整過來的, 現在差不多進入狀態了, 所以繼續和大家分享下網絡編程的知識,在本專題中將和大家分享如何自己實現一個簡單的FTP服務器。在我們平…

vue 2 使用 Bus.js 實現兄弟 (非父子) 組件通信 簡單案例

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。 vue2中廢棄了$dispatch和$broadcast廣播和分發事件的方法。父子組件中可以用props和$emit()。如何實現非父子組件間的通信,可…

jenkins自動化部署

jenkins自動化部署 github地址 首先設置源碼地址,jenkins會從倉庫中拉取最新代碼 拉取代碼后運行shell腳本自動進行編譯 cd mediaService cmake -S . -B cmake-build-release-hisi3531 -DCMAKE_C_COMPILER/opt/hisi-linux/x86-arm/arm-hisiv500-linux/target/bin…