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

 

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

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

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

 

Logo

前往低代码交流专区

更多推荐