$router.push是Vue.js中的路由方法之一,它是用來進行導航的。當頁面中需要跳轉到另一個頁面時,可以使用這個方法進行導航。這個方法可以接受一個字符串或描述符對象,用來指定要跳轉到的頁面的路徑。
// 以字符串方式傳入要跳轉到的路徑 this.$router.push('/home'); // 以描述符對象方式進行傳入 this.$router.push({ path: '/home' });
如果想要在導航時傳遞參數,可以在路徑中使用動態路由參數或者查詢參數。在下面的示例中,我們將傳遞一個動態路由參數name和一個查詢參數age。
// 傳遞動態路由參數和查詢參數 this.$router.push({ name: 'user', params: { name: '張三' }, query: { age: 25 } });
在進行導航時,我們還可以使用$router.push的第二個參數,它是一個回調函數。這個回調函數可以在導航完成后被調用,用來處理導航到新頁面后的邏輯。
// 使用回調函數處理導航后的邏輯 this.$router.push('/home', () =>{ console.log('導航完成'); // 在這里可以寫導航完成后的邏輯 });
總之,$router.push是Vue.js中用來進行導航的方法,它可以接受一個字符串或描述符對象,用來指定要跳轉到的頁面的路徑。在導航時,我們還可以傳遞動態路由參數和查詢參數,以及使用回調函數處理導航完成后的邏輯。