想

src/components/searchdata/list.vue

@@ -11,7 +11,7 @@
         </div>
       </div>
       <div>
-        <div class="group-box" v-for="(item,index) in DataList">
+        <div class="group-box" v-for="(item,index) in DataList" :key="index">
           <a class="group-cover">
             <img v-if="item.newCoverImg" :src="item.newCoverImg" />
           </a>
@@ -44,6 +44,11 @@
             </div>
           </div>
         </div>
+        <div style="display:flex;justify-content: center;">
+          <q-pagination v-if="qMsg.PageCount>1" v-model="qMsg.pageIndex" :max="qMsg.PageCount" @input="gerOrderList()"
+            :direction-links="true">
+          </q-pagination>
+        </div>
       </div>
     </div>
 
@@ -59,6 +64,10 @@
     methods: {
       GotoDetails(item) {
         this.CommonJump('/details/' + item.id + "/" + item.tcid, {});
+      },
+      //调用
+      gerOrderList(){
+        this.$emit('getPage')
       }
     }
   }

src/pages/Search.vue

@@ -762,7 +762,7 @@
             </div>
           </div>
           <!--列表-->
-          <searchList :DataList="DataList" :qMsg="qMsg"></searchList>
+          <searchList :DataList="DataList" :qMsg="qMsg" @getPage="getPage"></searchList>
         </div>
       </template>
     </div>
@@ -823,7 +823,7 @@
                 option-value="Name" label="請選擇地區" />
             </div>
             <div class="q-mb-md" v-if="chosenResult.tl.SubList">
-              <q-select filled v-model="chosenResult.ful" :options="chosenResult.tl.SubList" option-label="Name"
+              <q-select filled v-model="chosenResult.ful" @input="setSearchKey(chosenResult.ful)" :options="chosenResult.tl.SubList" option-label="Name"
                 option-value="Name" label="請選擇地區" />
             </div>
           </div>
@@ -1118,6 +1118,13 @@
         this.qMsg.pageIndex = 1;
         this.goSearchHandler();
       },
+      //分页方法
+      getPage(){
+        this.goSearchHandler();
+      },
+      setSearchKey(obj){
+        this.qMsg.searchKey=obj.Name;
+      },
       goSearchHandler() {
         this.$q.loading.show()
         this.DataList = [];