Vue:不同頁面之間的傳遞參數（二）---query

上一篇寫的是關於params的傳參問題，今天再補充一下query的情況

1） 在router文件下的index.js中，添加相關路徑

routes: [
    {
      path: '/',
      name: 'Hello',
      component: HelloWorld
    },
    {
        path:"/paramsUrl",
        component:paramsUrl
    }
  ]

2） 在HelloWorld組件中傳遞參數，這里用的是點擊事件跳轉

this.$router.push({path:"/paramsUrl",query:{name:'Tom',age:18,sex:'male'}})

在paramsUrl組件中可以在url中看到

http://localhost:8080/#/paramsUrl?name=Tom&age=18&sex=nan

獲取參數方法

this.$route.query

注意：如果在router中有那么參數，只需要將第二步中path替換成name即可