vue $router 路由传参的4种方法详解

import Vue from 'vue' import Router from 'vue-router' const _import = requirehttp://zzdxjyzd.com('./_import_' + process.env.NODE_ENV) Vue.use(Router) export const constantRouterMap = [{ path: '/login/:userId/:id', name:'Message', //就是要在路由配置里边配置这个属性，用来知道你要跳转到那个页面的名字 /*** * 如果想做到页面刷新，参数不丢失，就必须在path后面加上这个参数 * 但是这样做的话就会导致参数显示在url的后面，（在这一点上）跟query没什么区别了。 * 多个参数也可以一直往后边追加 */ component: _import('login/index'), hidden: true }, { path: '', component: Layout, redirect: 'dashboard', icon: 'dashboard', hidden: true, noDropDown: true, children: [{ path: 'dashboard', name: '首页', component: _import('main/index'), meta: { title: 'dashboard', icon: 'dashboard', noCache: true } }] } ] export default new Router({ routes: constantRouterMap })