diff --git a/core/core-frontend/src/views/visualized/data/datasource/SheetTabs.vue b/core/core-frontend/src/views/visualized/data/datasource/SheetTabs.vue
index 9e60cd398e..3866f4fc0a 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/SheetTabs.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/SheetTabs.vue
@@ -48,13 +48,13 @@ watch(
 )
 
 const prevClick = () => {
-  let domWrapper = document.querySelector('.tab-wrapper')
+  let domWrapper = tabWrapper.value
   if (!domWrapper.scrollLeft) return
   domWrapper.scrollLeft -= 30
 }
 
 const nextClick = () => {
-  let domWrapper = document.querySelector('.tab-wrapper')
+  let domWrapper = tabWrapper.value
   domWrapper.scrollLeft += 30
 }
 </script>