...">
瀏覽量:138次
vue router怎么傳參呢?不知道的小伙伴來看看陽泰小編今天的分享吧!
vue router傳遞參數(shù)有三種方法:
方法一:使用name傳遞
接收參數(shù):
在我們需要接收它的頁面里添加
我是router-name:{undefined{$route.name}}
比如在這里是在APP.vue中接收的,希望切換每個頁面都能看見參數(shù)。
看結(jié)果:
方法二:用to來傳遞
利用router-link 中的to來傳參,看語法:
a.首先:to需要綁定;
b.傳參使用類似與對象的形式;
c.name就是我們在配置路由時候取的名字;
d.參數(shù)也是采用對象的形式。
實際操作一下:
a.在APP.vue中將to里面的路徑改成上面那樣
這里我們注意to的寫法,前面加了冒號,因為那是綁定的,傳遞一個username過去,值為tomcat
b.在index.js里面給hellovue配置名字叫hellovue,與上面name相對應(yīng)
c、在hellovue.vue中接收參數(shù)
傳遞的名字是:{{$route.params.username}}
看看結(jié)果:
方法三:采用url傳參
在路由文件里采用冒號的形式傳參,這就是對參數(shù)的綁定
a、修改index.js里的path,這里我們修改myjob.vue組件
b、在App.vue組件里傳遞參數(shù)
c、在myjob.vue組件里顯示我們要展示的內(nèi)容(接收參數(shù))
d、看看結(jié)果
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點,本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請您的相關(guān)內(nèi)容發(fā)至此郵箱【779898168@qq.com】,我們在確認(rèn)后,會立即刪除,保證您的版權(quán)。
官網(wǎng)優(yōu)化
整站優(yōu)化
渠道代理
400-655-5776