vue路由的通配符
1.通配符(*) 来配置 任何路径或者某种格式的路径2.通配符一定放到 路由之后3.$route.paramas增加一个 pathMatch的属性,通过该属性我们可以获得通配符的值;import Vue from 'vue';import Router from 'vue-router';import notFound from '@/components/404';//404页面import t
1.通配符(*) 来配置 任何路径或者某种格式的路径
2.通配符一定放到 路由之后
3.$route.paramas增加一个 pathMatch的属性,通过该属性我们可以获得通配符的值;
import Vue from 'vue';
import Router from 'vue-router';
import notFound from '@/components/404';//404页面
import test from '@/components/test';
Vue.use(Router);
export default new Router({
routes: [
{
path:'/test',
name:'test',
component:test
},
//通配符的使用
{
path: '/user-*',
component:test
},
{
path: '/role-*',
component:test
},
{
path: '/*',
component:notFound
}
]
})
{ path: '*' // 会匹配所有路径 } { path: '/user-*' // 会匹配以 `/user-` 开头的任意路径 }
更多推荐
所有评论(0)