[解決済み] Vue.jsでdivの一番下までスクロールさせる

質問

Vueのコンポーネントがあり、その中にいくつかの要素があります。コンポーネント内のメソッドが呼ばれたときに、その要素の一番下まで自動的にスクロールさせたいのです（基本的には、以下のようなことをします。 divの一番下までスクロールしますか？ ). しかし、私はコンポーネント内の要素を取得する方法を見つけられませんでした。 scrolTop

私は現在 Vue 2.0.8

どのように解決するのですか？

私が理解したように、あなたが望む効果は、何かが起こったときにリスト（またはスクロール可能なdiv）の端にスクロールすることです（例：リストにアイテムが追加された）。もしそうなら、純粋なJavascriptとVueJSセレクタのみを使用して、コンテナ要素（またはページ自体）の端までスクロールすることができます。

var container = this.$el.querySelector("#container");
container.scrollTop = container.scrollHeight;

このフィドルで動作例を示しました。 https://jsfiddle.net/my54bhwn

リストに項目が追加されるたびに、リストは新しい項目を表示するために最後までスクロールされます。

これがあなたの助けになることを願っています。