vue,router傳參
vue router傳遞參數有三種方法:
方法一:使用name傳遞
接收參數:
在我們需要接收它的頁面裏添加
<p>我是router-name:{undefined{$route.name}}</p>
比如在這裏是在APP.vue中接收的,希望切換每個頁面都能看見參數。
看結果:
方法二:用to來傳遞
利用router-link 中的to來傳參,看語法:
<router-link v-bind:to="{name:'xxx',params:{key:value}}"></router-link>
a.首先:to需要綁定;
b.傳參使用類似與對象的形式;
c.name就是我們在配置路由時候取的名字;
d.參數也是採用對象的形式。
實際操作一下:
a.在APP.vue中將to裏面的路徑改成上面那樣
<router-link :to="{name:'hellovue',params:{username:'tomcat'}}">hellovue頁面</router-link>
這裏我們注意to的寫法,前面加了冒號,因爲那是綁定的,傳遞一個username過去,值爲tomcat
b.在index.js裏面給hellovue配置名字叫hellovue,與上面name相對應
c、在hellovue.vue中接收參數
<p>傳遞的名字是:{{$route.params.username}}</p>
看看結果:
方法三:採用url傳參
在路由文件裏採用冒號的形式傳參,這就是對參數的綁定
a、修改index.js裏的path,這裏我們修改myjob.vue組件
b、在App.vue組件裏傳遞參數
c、在myjob.vue組件裏顯示我們要展示的內容(接收參數)
d、看看結果
-
蘋果手機相冊怎麼上鎖,蘋果手機相冊怎樣上鎖
1、在手機上下載騰訊手機管家APP,下載完畢點擊打開。2、進入手機管家後,選擇相冊管理。3、點擊加密相冊並進入。4、第一次進入加密相冊會要設置一個個人密碼,或者用戶可以通過指紋識別進入相冊。5、輸入密碼後,密碼如果正確,相冊會自動打開。6、進入相冊後,點擊添加,...
-
如何取消EXCEL兼容模式
1、打開一個兼容模式文件的Excel,點擊文件左上角保存下面的文件。2、在左側菜單欄中找到另存爲。3、更改文檔的保存類型從“Excel97-2013工作簿(*.xls)”到“Excel工作簿(*.xlsx)”。4、點擊保存之後,就可以看到,文檔的“兼容模式”不見了,變成了新保存的“xlsx”。5、...
-
關於底噪的意思介紹
1、底噪亦稱背景噪聲,基本所有的好耳機都有底噪,耳機底噪一般都是因爲前端的問題,耳機的靈敏度越高對於底噪就越敏感,一些高靈敏度和低阻抗的耳機會把底噪放大,如果加大音量的情況下,底噪會更加的明顯。2、檢測MP3底噪,一般方法是在夜晚等比較安靜的環境中戴上耳機,播...
-
手機怎麼剪愛奇藝裏的視頻
喜歡看影視劇的朋友想必對愛奇藝不會陌生,它裏面的影視劇資源很多。一些朋友也會選擇在愛奇藝上面下載視頻進行剪輯處理,那麼手機愛奇藝具體該怎麼剪輯視頻呢?第一種方法是用愛奇藝截取片段,找到並打開手機愛奇藝視頻,進入想要剪輯的愛奇藝視頻裏面,然後選擇視頻右端...
相關文章
- The requested resource,is not available處理
- realtek hd,audio univer可以禁用嗎
- linux,traceroute命令詳解
- vmware安裝ubuntu " Intel VT-x 處於禁用狀態"
- 電腦出現提示"runtime,error"怎麼解決
- 基礎轉筆招式[1]Thumb Around Reverse
- 虛擬機的VMware Authorization service未運行
- 解決unable to find a,version of runtime to的方法
- 吃雞更新後Servers are,too busy服務器忙咋辦
- XP系統出現unable to find a,version of the rutime怎麼辦