更新

src/components/ChooseList/ChooseMarks/index.vue

@@ -10,7 +10,7 @@
           <el-button type="info" @click="reset"> 重置 </el-button>
         </el-form-item>
       </el-form>
-      <div class="tabBox" :class="props.Single ? 'tabBoxRadio' : ''" style="margin-top: 0px">
+      <div class="tabBox" :class="props.Single ? 'tabBoxRadio' : ''" :key="keyVal" style="margin-top: 0px">
         <el-table ref="multipleUserRef" @selection-change="handleSelectionChange" :data="tableData" v-loading="loading" border :row-key="keyid" style="width: 100%" height="450">
           <el-table-column type="selection" width="55" :reserve-selection="true"/>
           <el-table-column prop="bqMc" align="center" label="标签名称"/>
@@ -31,8 +31,8 @@
         <el-pagination
           class="pagination"
           @size-change="handleSizeChange"
-          @pageCurrent-change="handleCurrentChange"
-          :pageCurrent-page="listQuery.pageCurrent"
+          @current-change="handleCurrentChange"
+          :current-page="listQuery.pages"
           :page-sizes="[10, 20, 50, 100]"
           :page-size="listQuery.size"
           layout="total, sizes, prev, pager, next, jumper"
@@ -80,10 +80,11 @@ const props = defineProps({
 const loading = ref(false)
 const total = ref(0);
 const listQuery = ref({
-  pageCurrent: 1,
-  pageSize: 20
+  pages: 1,
+  size: 20
 });
 
+const keyVal = ref()
 const multipleUserRef = ref(null);
 const multipleSelectionUser = ref([]);
 const tableData = ref([]);
@@ -96,7 +97,7 @@ const closed = () => {
   emits("update:modelValue", false);
 };
 const reset = () => {
-  listQuery.value = {  pageCurrent: 1, pageSize: 20, };
+  listQuery.value = {  pages: 1, size: 20, };
   getListData();
 };
 
@@ -116,20 +117,21 @@ const onComfirm = () => {
   closed();
 };
 /**
- * pageSize 改变触发
+ * size 改变触发
  */
 const handleSizeChange = (currentSize) => {
-  listQuery.value.pageSize = currentSize;
+  listQuery.value.size = currentSize;
   getListData();
 };
 /**
  * 页码改变触发
  */
 const handleCurrentChange = (currentPage) => {
-  listQuery.value.pageCurrent = currentPage;
+  listQuery.value.pages = currentPage;
   getListData();
 };
 const getListData = () => {
+  keyVal.value++;
   loading.value = true;
   const params = { ...listQuery.value, bqLb:'02',}
   qcckGet(params,'/mosty-gsxt/tbGsxtBqgl/selectPage').then(res=>{
@@ -153,7 +155,7 @@ function multipleUser() {
 }
 
 const handleFilter = () => {
-  listQuery.value.pageCurrent = 1;
+  listQuery.value.pages = 1;
   getListData();
 };