nuxtjs $ refs scrollTop不能移到顶部

Question

我正在使用nuxtjs v2.11，我只想去测试ref，但似乎不去测试div。

  <button @click="goToRefsTesting()">
      go to testing dev
  </button>


<div
  ref="testing"
  id="testing"
  >
   just testing
 </div>

使用您期望的方法

methods: {
        goToRefsTesting() {
            console.log('go to ref pls')
            this.$refs.testing.scrollTop = 0
        },

我收到了控制台日志消息，但仍然无法移至测试div。任何想法？是nuxt问题还是什么。

Answer 1

您的页面需要具有足够的内容才能使scrollTop或scrollIntoView正常工作。

最有可能在div之后没有任何内容，因此页面无法滚动。

添加更多内容，您将看到内容移动。