我現在正在編輯的網站,切換頁面的每個鏈接都有哈希符號。每次切換時頁面都不會重繪 并停留在網站的最后一個位置。
我在哪里可以找到代碼并從 url 中洗掉哈希。洗掉它會使頁面每次重繪 嗎?
uj5u.com熱心網友回復:
Vue 是一個單頁應用程式框架。這意味著您沒有完整的頁面加載,而是在客戶端上動態換出頁面內容。
假設您使用的是vue router,您可以切換到historyMode哪個不會#用于網址,而是用于真實網址。
從檔案:
vue-router 的默認模式是哈希模式——它使用 URL 哈希來模擬完整的 URL,這樣當 URL 更改時頁面不會重新加載。
為了擺脫散列,我們可以使用路由器的歷史模式,它利用 history.pushState API 實作無需重新加載頁面的 URL 導航:
const router = new VueRouter({ mode: 'history', routes: [...] })
這將使您在網路上的任何其他地方都能看到“正常”的 url。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/376402.html
標籤:javascript html css 打字稿 Vue.js
上一篇:有什么方法可以使用flex而不是浮動來保持內容之間的左右框?
下一篇:單擊時背景位置的CSS滑動影片
