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
但是最后是显示的同一个页面
相关文章推荐
- shell介绍、命令历史、命令补全和别名、通配符和输入输出重定向
- Vue Router------第一天(一些路由的基础,包括动态路由匹配、编程式导航、重定向等)
- 8.1 shell介绍 8.2 命令历史 8.3 命令补全和别名 8.4 通配符 8.5 输入输出重定向
- Linux shell基础知识、命令历史、命令补全和别名、通配符、输入输出重定向
- VueJs(11)---vue-router(命名路由,命名视图,重定向别名,路由组件传参)
- 第十五章 apache别名和重定向
- 8.1 shell介绍 8.2 命令历史 8.3 命令补全和别名 8.4 通配符 8.5 输入输出重定向
- 重定向和别名
- 第十五章 apache别名和重定向
- 8.1 shell介绍 8.2 命令历史 8.3 命令补全和别名 8.4 通配符 8.5 输入输出重定向
- Apache 别名与重定向
- shell介绍、历史命令、命令补全和别名、通配符、输入输出重定向
- 8.1 shell介绍8.2 命令历史8.3 命令补全和别名8.4 通配符8.5 输入输出重定向
- shell介绍 、命令历史、命令补全和别名 、 通配符、输入输出重定向
- vue-router重定向和路由别名的使用讲解
- Webpack 性能优化 (一)(使用别名做重定向)
- shell介绍,命令历史,命令补全和别名,通配符,输入输出重定向
- Linux笔记(shell基础,历史命令,命令补全/别名,通配符,输出重定向)
- 重定向、别名、绝对路径、相对路径 详解
- 11.15 shell介绍 ,命令历史,命令补全和别名,通配符,输入输出重定向