在Vue中,可以通過路由傳參來解決頁面跳轉傳參的問題。
可以通過在路由路徑中定義參數來傳遞數據。在定義路由時,使用冒號:來指定參數名。例如:
{
path: '/user/:id',
component: User,
}
在跳轉時,可以使用$router.push
方法傳入參數:
this.$router.push('/user/' + userId)
在接收參數的組件中,可以通過$route.params
來獲取參數:
export default {
mounted() {
const userId = this.$route.params.id
}
}
可以通過查詢參數的方式來傳遞數據。在跳轉時,可以使用$router.push
方法的第二個參數傳入查詢參數:
this.$router.push({ path: '/user', query: { id: userId } })
在接收參數的組件中,可以通過$route.query
來獲取查詢參數:
export default {
mounted() {
const userId = this.$route.query.id
}
}
這兩種方式都可以實現頁面跳轉傳參的功能,根據具體的需求選擇合適的方式即可。