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

访问量: 496

参考:

传统的页面可以用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 的情况则不可预知)

订阅/RSS Feed

Subscribe

分类/category