對話框滾動條回到頂部

1、需要對話框顯示后

2、使用?nextTick 等待 Dom 更新完畢

3、通過開發者工具追查到滾動條對應的標簽及class=“el-overlay-dialog”

4、設置屬性?scrollTop = 0 或者 執行方法?scrollTo(0, 0)

// 對話框顯示標識
const dialogVisible = ref(false);
// 顯示對話框
const showDialog = () => {dialogVisible.value = true;nextTick(() => {// 返回頂部onTopClick();});
};// 返回頂部
const onTopClick = () => {// 對話框滾動條回到頂部// js的寫法// document.querySelector(".el-overlay-dialog").scrollTop = 0;// ts的寫法1：強制類型轉換，設置屬性 scrollTop = 0// (document.querySelector(".el-overlay-dialog") as HTMLElement).scrollTop = 0;// ts的寫法2：增加非空安全檢查，設置屬性 scrollTop = 0// const dialogScrollbar = document.querySelector(".el-overlay-dialog") as HTMLElement | null;// if (dialogScrollbar) {//   dialogScrollbar.scrollTop = 0;// }// ts的寫法3：使用可選鏈操作符，執行方法 scrollTo(0, 0)(document.querySelector(".el-overlay-dialog") as HTMLElement)?.scrollTo(0, 0);
};