Penjelasan terperinci tentang hantaran dan penerimaan parameter lompat penghalaan vue

Lompat laluan

1. tanpa parameter)

melompat melalui teg

Anda 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:&#39;home&#39;}"> 
	 <router-link :to="{path:&#39;/home&#39;}">

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:&#39;home&#39;, params: {id:1}}">

melalui

<router-link :to="{name:&#39;home&#39;, query: {id:1}}">

,

melalui
html$route.params.id script 2. Lompat penghalaan terprogram this.$route.params.id

1 Borang rentetan

2. Bentuk objek

router.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 scriptthis.$route.query.id
params
untuk mendapatkan parameter name,

untuk mendapatkan parameter

this.$router.push({name:'home',params: {id:'1'}})

html$route.params.id3 .Perbezaan antara script dan this.$route.params.id

query adalah serupa dengan params Selepas melompat, halaman akan menyambung parameter selepas , serupa kepada

. Yang tidak penting boleh menjadi seperti Kata Laluan ini, kata laluan, dll. masih menggunakan

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!