一、基本功能
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/n/361185.html