如何从vue js中的url中删除hasbang
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何从vue js中的url中删除hasbang相关的知识,希望对你有一定的参考价值。
我想在vue js中从url中删除hashbang我正在尝试模式:'history',hashbang:false,history:true,linkActiveClass:“active”,但仍然在url中获取哈希
答案
初始化Vue路由器时,这是使其工作的最低限度代码:
const router = new Router({
mode: 'history'
})
然后,您需要在创建时将路由器实例(router
)传递给您的Vue实例:
new Vue({
el: '#app',
components: { App },
template: `<App/>`,
router
})
只需这个设置,vue-router
应该已经在history mode工作了。但是,您很可能还希望将路由添加到路由器实例:
const router = new Router({
mode: 'history',
routes: [...]
})
如果你可以分享一些代码,那么让我们进一步帮助你将会有很长的路要走。
现在,您还可以检查一个小的router example(注意浏览器URL中的路由如何更改为/foo
然后更改为/bar
,没有哈希)。
以上是关于如何从vue js中的url中删除hasbang的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 vue.js 中的单击事件从数据表中删除行而不干扰计算函数
有没有办法使用 Vue-Router 从动态 URL 中删除目录?