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