一、基本功能
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
微信扫一扫
支付宝扫一扫