vue表格使用分页 对el-pagination封装

components中封装为通用组件

在组件中使用

            v-show="total > 0"

            :total="total"

            v-model:page="queryParams.page"

            v-model:limit="queryParams.limit"

            @pagination="getAlarmList"

        />

const data = reactive({

    form: {}, 加入表单项

    queryParams: {

        columns: ["updateTime"],

        limit: 10,

        page: 1,

        orders: ["desc"],

    },

const getControlAuthList = async () => {

    loading.value = true;

   直接在这发送获取列表请求 添加您说携带的参数

let {data: ControlAuthResponse} = await getControlAuthPage(queryParams.value);

    controlAuthList.value = ControlAuthResponse.list;

    total.value = ControlAuthResponse.totalCount;

    loading.value = false;

}