Rumah >hujung hadapan web >View.js >Penjelasan terperinci tentang hantaran dan penerimaan parameter lompat penghalaan vue
1. tanpa parameter)
melompat melalui tegAnda boleh menggunakan sama ada
atau Ia akan dipaparkan menjadi teg router-link
dalam struktur name
: Jika pautan dalam path
ialah 'dom
', ia bermula dari laluan akar Jika ia tidak bermula dengan 'a
', ia bermula dari laluan semasa. router-link
/
(dengan parameter) [Cadangan berkaitan: /
tutorial video vue.js
<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}">
Nota: Pas parameter (serupa dengan
) Konfigurasi penghalaan params
Jika tidak dikonfigurasikan post
, lompatan laluan boleh diminta dan parameter yang diluluskan akan hilang apabila memuat semula halaman
Konfigurasikan path: "/home/:id"
dan ID anda akan dikekalkan walaupun selepas menyegarkan path
path
Dapatkan parameter yang dilalui oleh lompatan laluan:
<router-link :to="{name:'home', params: {id:1}}">melalui
<router-link :to="{name:'home', query: {id:1}}">,
melalui html
$route.params.id
script
2. Lompat penghalaan terprogram this.$route.params.id
1 Borang rentetan
2. Bentuk objekrouter.push('home')3 > (tanpa parameter )
router.push({ path: 'home' })router.push({ name: 'user'})(
Pas parameter)
this.$router.push('/home')this.$router.push({name:'home'})this.$router.push({path:'/home'})
Dapatkan parameterquery
this.$router.push({name:'home',query: {id:'1'}})this.$router.push({path:'/home',query: {id:'1'}})Dapatkan parameter
html
($route.query.id
Melewati parameter)
hanya boleh menggunakan script
this.$route.query.id
params
untuk mendapatkan parameter name
,
this.$router.push({name:'home',params: {id:'1'}})
html
$route.params.id
3 .Perbezaan antara script
dan this.$route.params.id
query
adalah serupa dengan params
Selepas melompat, halaman akan menyambung parameter selepas , serupa kepada
untuk memuatkan semula halaman tersebut melompat, parameter tidak akan disambung selepas halaman query
, tetapi muat semula halaman get
dan ia akan hilang
Atas ialah kandungan terperinci Penjelasan terperinci tentang hantaran dan penerimaan parameter lompat penghalaan vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!