vue聊天对话框滚动条自动定位到最底部

这么写的话只能定位到发送消息前的前一条消息，不能定位到最底部

 

.then(
         this.$nextTick(() => {
         let msg = document.getElementById('chatRecord') // 获取对象
              msg.scrollTop = msg.scrollHeight // 滚动高度
         })
 )

解决：写在生命周期updated里面可以完美定位！

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