我正在尝试使用 Vue 和 Vue Router(使用历史模式)滚动到页面上的锚点。
在索引页上时,滚动行为通过跳转到该部分按预期工作。
但是,当我是另一个页面时,它会在顶部而不是锚点指向的位置加载索引页面。
我确定这是一件非常简单的事情,但我无法理解!
任何帮助表示赞赏!
我的路由器索引:
export default new Router({
scrollBehavior: function(to, from, savedPosition) {
if (to.hash) {
return {selector: to.hash}
} else {
return {x: 0, y: 0}
}
},
mode: 'history',
routes: [ ... ]
})Run Code Online (Sandbox Code Playgroud)
我的导航:
<router-link @click.native="closeNav" to="/#enter">Enter</router-link>
<router-link @click.native="closeNav" to="/#prizes">Prizes</router-link>
<router-link @click.native="closeNav" to="/#faqs">FAQ</router-link>
<router-link @click.native="closeNav" to="/contactus">Contact</router-link>Run Code Online (Sandbox Code Playgroud)