el-drawer抽屜滾動條回到頂部

<script setup lang="ts" name="PerformanceLogQuery">
import { ref, nextTick } from "vue";
......
// 詳情
import { performanceLogQueryByIdService } from "@/api/performanceLog";
const onDetailClick = async (id: number) => {// 獲取性能日志詳情let result = await performanceLogQueryByIdService(id);detailData.value = result.data;drawerVisible.value = true;await nextTick().then(() => {// 抽屜滾動條回到頂部document.querySelector(".el-drawer__body")?.scrollTo(0, 0);});
};
......
</script>

等價寫法1：

<script setup lang="ts" name="PerformanceLogQuery">
import { ref, nextTick } from "vue";
......
// 詳情
import { performanceLogQueryByIdService } from "@/api/performanceLog";
const onDetailClick = async (id: number) => {// 獲取性能日志詳情let result = await performanceLogQueryByIdService(id);detailData.value = result.data;drawerVisible.value = true;await nextTick();// 抽屜滾動條回到頂部document.querySelector(".el-drawer__body")?.scrollTo(0, 0);
};
......
</script>

等價寫法2：?

<script setup lang="ts" name="PerformanceLogQuery">
import { ref, nextTick } from "vue";
......
// 詳情
import { performanceLogQueryByIdService } from "@/api/performanceLog";
const onDetailClick = async (id: number) => {// 獲取性能日志詳情let result = await performanceLogQueryByIdService(id);detailData.value = result.data;drawerVisible.value = true;nextTick(() => {// 抽屜滾動條回到頂部document.querySelector(".el-drawer__body")?.scrollTo(0, 0);});
};
......
</script>