vue.jsでスクロールさせてチャットの最新メッセージを表示させたい

Question

お世話になっております。
下記のソースがあります。
チャットにメッセージが投稿されるたび、メッセージが更新されます。
その際に、最新メッセージが表示されるようにスクロールさせたいのですが、vue.jsでの書き方がわからず、調べても見つかりませんでした。
おわかりになる方いらっしゃいましたらよろしくお願いします。

<div id="chat_log_area" v-bind:style="{height:chat_space_height + 'vh'}">
<div id="chat_log">
<div class="log" v-for="item in chat_log" :key="item.id">
・
・
</div>
</div>
</div>
・
・
・

    //最新メッセージへスクロール
    scrollLast() {
      //最新メッセージへスクロール
      window.setTimeout(function () {
        let element = document.getElementById("log");
        let pos = element.clientHeight;
        $("#log_area").animate({ scrollTop: pos }, 300, "swing");
      }, 10);
    },