在Vue開發中,我們常常需要獲取URL參數或路由中的參數。Vue提供了多種方式來獲取這些參數,下面我們分別介紹一下。
1. 使用$route對象獲取
this.$route.params.xxx // xxx為路由中參數名
2. 使用$router對象獲取
方法一: this.$router.currentRoute.query.xxx // xxx為參數名 方法二: // 跳轉后,在目標組件中通過props接收路由參數 // 路由配置中設置props為true或為函數,例如: { path: '/example/:id', name: 'example', component: Example, props: true, // or props: route => ({ id: route.params.id }) } // 在組件中接收: props: { id: { type: String, default: '' } }
通過以上方法,我們可以很方便地獲取URL參數或路由中的參數,從而實現多種功能。
下一篇json拼接sql