首頁 >後端開發 >php教程 >求助:vue.router的history用法

求助:vue.router的history用法

WBOY
WBOY原創
2016-06-06 20:12:201981瀏覽

let router = new VueRouter({
hashbang: true,
history: true,
saveScrollPosition: true,
transitionOnLoad: true
})
之所以开启vue-router的history,我是觉得能方便使用它的定位功能,就是从详细页面返回列表页面能自动定位。
但随之带来了刷新问题。
不使用history,url格式为http://xxx.xxx.xxx/index#!goodslist
使用history后,url格式为http://xxx.xxx.xxx/goodslist。
请问,使用history如何能给我每一个url地址自动添加/index#! 。

回复内容:

let router = new VueRouter({
hashbang: true,
history: true,
saveScrollPosition: true,
transitionOnLoad: true
})
之所以开启vue-router的history,我是觉得能方便使用它的定位功能,就是从详细页面返回列表页面能自动定位。
但随之带来了刷新问题。
不使用history,url格式为http://xxx.xxx.xxx/index#!goodslist
使用history后,url格式为http://xxx.xxx.xxx/goodslist。
请问,使用history如何能给我每一个url地址自动添加/index#! 。

前端路由模式有两种 一种是 hash 模式,使用 # 导航。另一种是 Html5HistoryAPI 模式,不使用 #。
你开启了 history 就是使用 Html5HistoryAPI 模式,使用这个模式不会添加 #

history.pushstate 自己写进去?

都开了history模式为什么还要这个#!呢?

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn