lrf 2 maanden geleden
bovenliggende
commit
138ac0652b
2 gewijzigde bestanden met toevoegingen van 28 en 18 verwijderingen
  1. 24 17
      src/components/windows/pagesIndex.vue
  2. 4 1
      src/views/win/newsParts/listIndex.vue

+ 24 - 17
src/components/windows/pagesIndex.vue

@@ -1,37 +1,44 @@
 <template>
-      <el-row class="pages">
-            <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" @change="toChange" />
-      </el-row>
+  <el-row class="pages">
+    <el-pagination
+      background
+      layout="prev, pager, next"
+      :total="total"
+      :page-size="limit"
+      @change="toChange"
+      v-model:current-page="cp"
+    />
+  </el-row>
 </template>
 
 <script setup lang="ts">
-
-import { defineEmits } from 'vue'
-
+import { defineEmits, ref } from 'vue'
+const cp = ref(1)
 const total = defineModel('total', {
-      type: Number,
-      default: 0
+  type: Number,
+  default: 0,
 })
 
 const limit = defineModel('limit', {
-      type: Number,
-      default: 10
+  type: Number,
+  default: 10,
 })
 
-
 const emit = defineEmits(['search'])
 
-
 /* 点击 */
 const toChange = (currentPage: number) => {
-      emit('search', { skip: (currentPage - 1) * limit.value })
+  emit('search', { skip: (currentPage - 1) * limit.value })
 }
-
+const reset = () => {
+  cp.value = 1
+}
+defineExpose({ reset })
 </script>
 <style scoped lang="scss">
 .pages {
-      display: flex;
-      justify-content: center;
-      margin: 30px 0 0 0;
+  display: flex;
+  justify-content: center;
+  margin: 30px 0 0 0;
 }
 </style>

+ 4 - 1
src/views/win/newsParts/listIndex.vue

@@ -42,7 +42,7 @@
         </el-col>
       </el-col>
       <el-col :span="24" class="pages">
-        <pages-index :total="total" @search="toSearch" />
+        <pages-index :total="total" @search="toSearch" ref="pages"/>
       </el-col>
     </el-col>
   </el-row>
@@ -57,6 +57,7 @@ import getContent from '@/utils/getContent'
 import pagesIndex from '../../../components/windows/pagesIndex.vue'
 import { get } from 'lodash-es'
 const defUrl = 'zxzx.jpg'
+const pages = ref()
 const tabList = ref([
   {
     id: '1',
@@ -127,6 +128,8 @@ const tabChange = (event: { id: string }) => {
   if (!type) return
   tabType.value = type
   toSearch()
+  console.log(pages)
+  pages.value.reset()
 }
 
 import { jtxw } from '@/api/api'