美文网首页看场电影
Vue路由编程式的导航 、 hash 模式改为History 模

Vue路由编程式的导航 、 hash 模式改为History 模

作者: 向上而活 | 来源:发表于2018-06-12 23:15 被阅读0次

路由编程式的导航

路由跳转中的<router-link></router-link>跳转方式,类似于html中a连接跳转,Vue中提供的有类似于js跳转页面的语法。

this.$router.push({path:'news'}) 

也可以携带参数

this.$router.push({path:'/news/'+参数})

还有一种叫 命名路由 跳转的方式:

1、配置路由的时候,给路由起个名字

2、

this.$router.push({name:'news'}) 

或者携带参数

this.$router.push({path:'news',params:{userid:123}}) 

路由hash 模式改为History 模式

hash模式下的url

改为History 模式后,url显得更规范

更改方法是在main.js中实例化路由是,设置一下路由实例的模式即可

相关文章

网友评论

    本文标题:Vue路由编程式的导航 、 hash 模式改为History 模

    本文链接:https://www.haomeiwen.com/subject/defdeftx.html