Vue页面内锚点跳转

问题

在vue项目中，在导航栏内用href跳转页面，刷新后页面消失

刷新前：

刷新后：

解决

html:

<ul>
  <li><a @click="jump('#project')">作品展现</a></li>
 </ul>

js:

methods: {
const downloadEle = document.querySelector('#nav')
if (!!downloadEle) {
downloadEle.scrollIntoView(true) // true 是默认的
}
document.querySelector('#project').scrollIntoView(true)
}

注：

#nav为起点页面id，此处为导航栏id

#project为终点页面id

效果图：

url上不会出现页面id，刷新后页面不会消失