您的位置:首页 > Web前端 > Vue.js

vue router 重定向与别名

2019-06-11 10:40 1171 查看

文档

官网

重定向

routes里面的写法

{
//重定向testRedirect到了home
name: 'testRedirect',
path: '/testRedirect',
// redirect: { name: 'home' }
// redirect:"/"
redirect: function(){
return '/'
}
}

使用

myClick:function(){
this.$router.push({
name:"testRedirect"
})
},

点击之后,路由会直接调到home页面,此时的路由为

http://192.168.10.162:8080/#/

别名

{
//别名
name:'alias',
path:'/alias',
component:function(resolve){
require(['./views/alias.vue'],resolve)
},
alias:"/aliasTwo"
}

使用

myClick1:function(){
this.$router.push('alias')
},
myClick2:function(){
this.$router.push('aliasTwo')
}

点击1之后,地址栏变为

http://192.168.10.162:8080/#/alias

点击2之后,地址栏变为

http://192.168.10.162:8080/#/aliasTwo

但是最后是显示的同一个页面

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐