vue聊天對話框滾動條自動定位到最底部

這麼寫的話只能定位到發送消息前的前一條消息，不能定位到最底部

 

.then(
         this.$nextTick(() => {
         let msg = document.getElementById('chatRecord') // 獲取對象
              msg.scrollTop = msg.scrollHeight // 滾動高度
         })
 )

解決：寫在生命週期updated裏面可以完美定位！

updated(){
        // 聊天定位到底部
          let ele = document.getElementById('chatRecord');
          ele.scrollTop = ele.scrollHeight;
      },