uniapp显示聊内容, 怎么在每次发送消息的时候, 让内容盒子下滑到最底部

<div class="chat-history-box" ref="chatHistoryRef">  
  <div v-for="item in state.chatHistory" :key="item.id" class="item">  
    <div class="bubble" :class="item.fromId == state.userId ? 'bubble--sent' : 'bubble--received'">  
    {{ item.content }}  
    </div>  
  </div>  
</div>  
<script>  
chatHistoryRef.value.scrollTop = chatHistoryRef.value.scrollHeight  
</script>

目前是获取节点的ref, 然后使用chatHistoryRef.value.scrollTop = chatHistoryRef.value.scrollHeight下滑到最底部, 但是这个功能在APP上失效, 请问还有其他更好的解决方案么