一、基本功能
route.push是Vue-Router中提供的一種路由切換方式,可用於實現頁面跳轉、路由參數設置等功能。在Vue中使用該函數需要先引入Vue-Router插件,並在路由文件中進行配置。
//router.js文件中的配置 import Vue from 'vue' import Router from 'vue-router' import home from '@/components/home.vue' import detail from '@/components/detail.vue' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'home', component: home }, { path: '/detail/:id',//路由參數配置 name: 'detail', component: detail } ] })
在Vue組件中,使用route.push函數可以實現通過路由切換頁面,代碼示例如下:
//home.vue中的代碼
原創文章,作者:YREDF,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/361185.html