分页显示不正常

card-list.vue

 <template>
   <div>
     <div class="filter-list">
-    <el-select v-model="cardType" style="width: 200px;" placeholder="卡券类型" @change="handleChange">
+    <el-select v-model="cardType" style="width: 200px;" placeholder="卡券类型" clearable @change="handleChange">
       <el-option
         v-for="item in cardOptions"
         :key="item.value"
@@ -127,6 +127,8 @@ export default {
                   }
                 });
                 this.cardData = resData.result.result;
+              } else {
+                this.cardData = [];
               }
               this.total = resData.result.totalCount;
             }

gift-list.vue

 <template>
   <div class="gift-list">
     <div class="links-tools-row">
-      <el-select v-model="giftVal" style="width: 200px;" placeholder="礼品类型" @change="handleChange">
+      <el-select v-model="giftVal" style="width: 200px;" placeholder="礼品类型" clearable @change="handleChange">
         <el-option
           v-for="item in giftOptions"
           :key="item.integralMallCategoryId"
@@ -113,7 +113,7 @@ export default {
         .then(res => {
         const data = res.data;
         if (data.errorCode == 0) {
-          if (!!data.result && data.result.rows && data.result.rows.length) {
+          if (!!data.result && data.result.rows) {
             this.goodsList = data.result.rows;
           }
           this.total = data.result.total || 0;