德兴市建设局网站,建设网站的简单编程语言,足球比赛统计数据,wordpress视频教育主题1 params传的参数#xff0c;页面刷新就消失,而query传的参数#xff0c;页面刷新还会存在#xff0c;所以通常用query。
query传参
跳转页面#xff1a;拿到router对象,调用push方法做跳转.
import { useRoute,useRouter} from vue-router;
export default…1 params传的参数页面刷新就消失,而query传的参数页面刷新还会存在所以通常用query。
query传参
跳转页面拿到router对象,调用push方法做跳转.
import { useRoute,useRouter} from vue-router;
export default class myView extends Vue {// 返回了路径信息。跟this.$route一样route useRoute()
//返回了路由对象router useRouter()handle1():void{this.$router.push({path:/,name:home,query:{id:123}})}} 被跳转页面拿到route对象读取query参数
import {useRoute} from vue-router
export default class HomeView extends Vue {route useRoute()// 初始化public created(): void {console.log(this.route.query,query参数)}
} 2 params传参路径要占位必须用name不能用path
占位 import { useRoute,useRouter} from vue-router;
export default class myView extends Vue {// 返回了路径信息。跟this.$route一样route useRoute()
//返回了路由对象router useRouter()handle2():void{this.$router.push({name:home,params:{id:123,name:小红}})}}
接收参数
import {useRoute} from vue-router
export default class HomeView extends Vue {route useRoute()// 初始化public created(): void {console.log(this.route.params,params参数)}
}