Back

vuejs - 回到页面的某个位置, scrollto不好用

发布时间: 2019-01-01 09:52:00

参考：

传统的页面可以用scrollTo方法来把页面滚动到某个位置。 

Vuejs则不可以。 

因为里面的DOM都是固定的。

所以，参考：https://stackoverflow.com/questions/45658042/vue-method-scroll-div-to-top 和

  https://jsfiddle.net/t8k1991a/

就是在相关的方法后面，加上：

this.$nextTick(function(){
    this.$refs.testDiv.scrollTop = 0;
});

上面的 testDiv, 就是

<div id=test-div>...</div>

注意： 该方法 (this.$refs) 只能在 mounted 的状态之后使用。 （ v-if 的情况则不可预知）

Back