Une explication détaillée du passage et de la réception des paramètres de saut de routage de vue

Saut d'itinéraire

1. Saut d'itinéraire déclaratif

(sans paramètres)

Parcourez la balise router-link, utilisez name ou path peut être utilisé. Il sera rendu dans une balise a dans la structure dom
Remarque : router-link est '/', il commence à partir de la route racine. S'il ne commence pas par '/', il démarre à partir de la route racine. itinéraire actuel. router-link标签进行跳转，使用name或者path都可以，在dom结构中会被渲染成a标签
注意：router-link中链接如果是’/‘开始就是从根路由开始，如果开始不带’/’，则从当前路由开始。

     <router-link :to="{name:&#39;home&#39;}"> 
	 <router-link :to="{path:&#39;/home&#39;}">

（带参数）【相关推荐：vue.js视频教程】

注意：
params传参数 (类似post)
路由配置 path: "/home/:id"
不配置path，路由跳转可请求，刷新页面传递的参数会丢失，
配置path，刷新也买你id会被保留

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

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

获取路由跳转传递的参数：
html 通过 $route.params.id， script 通过this.$route.params.id

2.编程式路由跳转

1.字符串形式

router.push('home')

2.对象形式

router.push({ path: 'home' })router.push({ name: 'user'})

3.函数内调用
（不带参数）

this.$router.push('/home')this.$router.push({name:'home'})this.$router.push({path:'/home'})

（query传参）

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

html 取参 $route.query.id
script 取参 this.$route.query.id
（params传参）
只可以使用name

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

html 取参$route.params.id， script 取参this.$route.params.id

3.query和params的区别

query类似 get, 跳转之后页面 url后面会拼接参数,类似?id=1, 非重要性的可以这样传, 密码之类还是用params刷新页面id还在

params类似 post, 跳转之后页面 url后面不会拼接参数 , 但是刷新页面idrrreee

(avec paramètres) [Recommandations associées : tutoriel vidéo vue.js] 🎜🎜Remarque :
paramsPassez les paramètres (similaires à post)
Configuration du routagechemin : "/home/:id" code ><br> Si le <code>chemin n'est pas configuré, des sauts d'itinéraire peuvent être demandés, et les paramètres passés seront perdus lors du rafraîchissement de la page
Configurer le chemin. , et l'actualisation achètera également votre identifiant. Réservé 🎜rrreeerrreee🎜 Récupérez les paramètres transmis par le saut d'itinéraire :
html via $route.params.id, script via this.$route.params.id🎜🎜🎜2. Saut d'itinéraire programmatique🎜🎜🎜1. Forme de chaîne🎜rrreee🎜2. Appel intra-fonction
(sans paramètres) 🎜rrreee🎜 (query passe les paramètres) 🎜rrreee🎜html prend les paramètres $route.query.id<br><code>script Obtenir les paramètresthis.$route.query.id
(params passe les paramètres)
Ne peut être utilisé quename🎜rrreee🎜html prend le paramètre $route.params.id, script prend le paramètre this.$ route.params.id🎜🎜🎜3 La différence entre query et params🎜🎜🎜query. est similaire à get, après le saut, la page <code>url sera épissée avec des paramètres, similaires à ?id=1, les mots de passe non importants peuvent être transmis comme ceci, les mots de passe et autres utilisent toujours params L'identifiant de la page d'actualisation est toujours là🎜🎜params est similaire à post Après le saut, les paramètres ne seront pas épissés après la page <code>url, mais ils seront actualisés. La page id disparaîtra🎜.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!