this.$route.query一直取不到

原创于 2019-11-25 18:57:27 发布 · 1.1w 阅读

6 ·

CC 4.0 BY-SA版权

vue问题解决专栏收录该内容

12 篇文章

订阅专栏

本文探讨了在Vue中如何正确地在mounted钩子中获取路由参数，特别是在页面刷新后的场景下。通过使用this.$router.onReady()方法，确保了在DOM加载完成并且路由解析结束后再进行参数读取，避免了因页面刷新导致的参数丢失问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在APP.vue里面
mounted里面（最前面）

		console.log(this.$route.query.source)第一次代码运行完成后能打印值，
		后面刷新页面一直打印不了，也存了缓存
		但是打印不出来，后来找到原因是
		route.js并没有执行完毕console就打印出来了，
		所以
		


		 this.$router.onReady(() => {
  if(this.$route.query.source != undefined && this.$route.query.source != null){

    localStorage.setItem("source",this.$route.query.source)
  }
 })

加上 this.$router.onReady(() => {这样就取到数值了