建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Vue中怎么利用Router去掉url中默認(rèn)的錨點(diǎn)
Vue中怎么利用Router去掉url中默認(rèn)的錨點(diǎn)，相信很多沒有經(jīng)驗(yàn)的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。
網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序制作、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了三元免費(fèi)建站歡迎大家使用！
hash模式url
vue-router默認(rèn)hash模式——使用URL的hash來模擬一個(gè)完整的URL，于是當(dāng)URL改變時(shí)，頁面不會重新加載。
如果不想要這種默認(rèn)的hash模式，可以用路由的history模式，這種模式充分的利用history.pushState API來完成URL跳轉(zhuǎn)而無需重新加載頁面。
index.js
Vue.use(Router)
export default new Router({
mode: 'history',
routes: [
{
path:"/xxx",
name:"xxx",
component: Xxx,
}
]
})
history模式
修改之后url就變成了正常的url
看完上述內(nèi)容，你們掌握Vue中怎么利用Router去掉url中默認(rèn)的錨點(diǎn)的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
網(wǎng)站名稱：Vue中怎么利用Router去掉url中默認(rèn)的錨點(diǎn)
本文路徑：http://www.dlmjj.cn/article/jhcphe.html
