相关疑难解决方法(0)

VueJS从不同的路线滚动到部分

我正在尝试使用 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)

vue.js vue-router

3
推荐指数
1
解决办法
3750
查看次数

标签 统计

vue-router ×1

vue.js ×1