Maison > Article > interface Web > Comment utiliser Vue pour définir dynamiquement les paramètres de routage
Cette fois, je vais vous montrer comment utiliser Vue pour définir dynamiquement les paramètres de routage, et quelles sont les précautions pour utiliser Vue pour définir dynamiquement les paramètres de routage. Ce qui suit est un guide pratique. cas. Jetons un coup d'oeil.
Les paramètres de routage peuvent être définis dynamiquement dans vue :
1 Utilisez this.$router.go()
, identique à js histroy.go()
, avant 1, arrière -1, page actuelle : 0<.>
<template> <p> <button @click="goht">后退<button> <br/> <button @click="goqj">前进<button> <br/> <button @click="gosx">刷新当前<button> </p> </template> <script> export default { methods: { goht(){ this.$router.go(-1); }, goqj(){ this.$router.go(1); }, gosx(){ this.$router.go(0); //或者 this.$router.go(); } } } </script>
Utiliser l'appel push :
Cas<template> <p> <button @click="pageA">去A页面</button> <br/> <button @click="pageB">去B页面</button> <br/> </p> </template> <script> exprot default { methods: { pageA(){ //去路由A页面,字符串形式只能是path,类似to="path" this.$router.push('/RouterA'); }, pageB(){ //去路由B页面,数组形式,类似 :to="{}" this.$router.push( { name: 'RouterB', query: {'name': 'name1', title: 'title1'} //,params:{'name': 'name2', title: 'title2'} } ); } } } </script>Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! Lecture recommandée :
Comment gérer l'état de mise à jour de la méthode vuex dans le composant parent et le composant enfant ne peut pas mettre à jour le rendu à temps
Comment utiliser vue implémente l'optimisation des performances de vérification SMS
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!