omachizura

仕事メモ、役に立ったスキルをまとめています。


vue(vuex) 普通のjavascriptの処理がビューに反映されないとき

vue(vuex)でスクロールの位置を変更する処理を普通のjavascriptで実装したのですが、変更するタイミングが悪かったのかもしれませんが、以下のように実装してもうまくいきませんでした。vuejsのバージョンは2.0です。

document.getElementById('コントロールID').scrollTop = 0;

以下のようにしたらうまくいきました。nextTickがどのような処理をしているのか把握できていませんが...)

Vue.nextTick(function () {
  document.getElementById('コントロールID').scrollTop = 0;
});