diff --git a/src/coupon-list/CouponList.tsx b/src/coupon-list/CouponList.tsx
index 73b493bb4..1d3bf158d 100644
--- a/src/coupon-list/CouponList.tsx
+++ b/src/coupon-list/CouponList.tsx
@@ -222,7 +222,7 @@ export default defineComponent({
     return () => (
       <div class={bem()}>
         {renderExchangeBar()}
-        <Tabs v-model={state.tab} class={bem('tab')} border={false}>
+        <Tabs v-model={[state.tab, 'active']} class={bem('tab')} border={false}>
           {renderCouponTab()}
           {renderDisabledTab()}
         </Tabs>
diff --git a/src/coupon-list/test/__snapshots__/index.spec.ts.snap b/src/coupon-list/test/__snapshots__/index.spec.ts.snap
index 28b402148..cdda7551f 100644
--- a/src/coupon-list/test/__snapshots__/index.spec.ts.snap
+++ b/src/coupon-list/test/__snapshots__/index.spec.ts.snap
@@ -24,9 +24,7 @@ exports[`should be the sames as the last snapshot when render coupon list 1`] =
       </div>
     </button>
   </div>
-  <div class="van-tabs van-tabs--line van-coupon-list__tab"
-       modelvalue="0"
-  >
+  <div class="van-tabs van-tabs--line van-coupon-list__tab">
     <div class="van-tabs__wrap">
       <div role="tablist"
            class="van-tabs__nav van-tabs__nav--line"
@@ -304,9 +302,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
       </div>
     </button>
   </div>
-  <div class="van-tabs van-tabs--line van-coupon-list__tab"
-       modelvalue="0"
-  >
+  <div class="van-tabs van-tabs--line van-coupon-list__tab">
     <div class="van-tabs__wrap">
       <div role="tablist"
            class="van-tabs__nav van-tabs__nav--line"
@@ -404,9 +400,7 @@ exports[`should render list-footer slot correctly 1`] = `
       </div>
     </button>
   </div>
-  <div class="van-tabs van-tabs--line van-coupon-list__tab"
-       modelvalue="0"
-  >
+  <div class="van-tabs van-tabs--line van-coupon-list__tab">
     <div class="van-tabs__wrap">
       <div role="tablist"
            class="van-tabs__nav van-tabs__nav--line"
@@ -506,9 +500,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
       </div>
     </button>
   </div>
-  <div class="van-tabs van-tabs--line van-coupon-list__tab"
-       modelvalue="0"
-  >
+  <div class="van-tabs van-tabs--line van-coupon-list__tab">
     <div class="van-tabs__wrap">
       <div role="tablist"
            class="van-tabs__nav van-tabs__nav--line"