mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-09 04:31:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

site: robust scroll by hash

Browse Source
This commit is contained in:
07akioni 2021-04-21 19:56:30 +08:00
parent 6870bb2777
commit e8355e5074
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
demo/Site.vue
View File

@ -29,12 +29,6 @@ export default {
onMounted(() => {
loadingBarApiRef.value = loadingBar
loadingBar.finish()
const memoedHash = window.location.hash
if (memoedHash) {
// scroll to hashed element
window.location.hash = ''
window.location.hash = memoedHash
}
})
return {
isXs: isXsRef

7
demo/routes/router.js
View File

@ -1,3 +1,4 @@
import { nextTick } from 'vue'
import { createRouter, createWebHistory } from 'vue-router'
export const loadingBarApiRef = {}
@ -22,6 +23,12 @@ export default function createDemoRouter (app, routes) {
if (loadingBarApiRef.value) {
loadingBarApiRef.value.finish()
}
if (to.hash) {
nextTick(() => {
const el = document.querySelector(to.hash)
if (el) el.scrollIntoView()
})
}
}
})