diff --git a/packages/components/splitter/src/split-bar.vue b/packages/components/splitter/src/split-bar.vue
index f99076c9a0..b7f4e5ea01 100644
--- a/packages/components/splitter/src/split-bar.vue
+++ b/packages/components/splitter/src/split-bar.vue
@@ -59,8 +59,7 @@ const draggerStyles = computed(() => {
 const draggerPseudoClass = computed(() => {
   const prefix = ns.e('dragger')
   return {
-    [`${prefix}-horizontal`]: isHorizontal.value,
-    [`${prefix}-vertical`]: !isHorizontal.value,
+    [`${prefix}-${props.layout}`]: true,
     [`${prefix}-active`]: startPos.value,
   }
 })