在vuetify组件上单击“下一步”时,是否可以禁用滚动顶部?

时间:2019-05-28 16:41:08

标签: javascript vue.js vuejs2 vuetify.js

我从vuetify库修改了一个窗口组件。现在,此组件迫使当前页面在单击下一步时滚动到顶部。

我已经在路由器中添加了一些代码,每次您进入新页面时该代码都会强制滚动到顶部,因此我不确定是否与此有关。无论如何,找到解决方案的方法真是棒极了。

谢谢!

这是组件中的JS

    export default {
      data: () => ({
        length: 3,
        onboarding: 0
     }),

    methods: {
      next () {
        this.onboarding = this.onboarding + 1 === this.length
          ? 0
          : this.onboarding + 1
      },
      prev () {
        this.onboarding = this.onboarding - 1 < 0
          ? this.length - 1
          : this.onboarding - 1
        }
      }
    }

这是我放入router.js文件中的代码,当您单击新页面时,该代码会强制滚动顶部,它与该组件的行为无关,但是我无论如何都会发布它,因为不太确定。

    scrollBehavior () {
      return { x: 0, y: 0 }
    },

用于视觉演示的屏幕截图 enter image description here

0 个答案:

没有答案