Vue3随内容增加滚动到底部

<div class="center-bj-one" ref="containerRef">
      <div class="center" v-for="item in list" :key="item">
        <div class="center-nr">{{ item }}</div>
      </div>
    </div>
import {ref, nextTick, watch} from "vue";
const list = ref<string[]>([]);
watch(()=> list.value.length,()=>{
  nextTick(()=>{
    scrollBottom();
  },100);
})
 
const scrollBottom = ()=> {
  containerRef.value.scrollTop = containerRef.value.scrollHeight;
}