vue3-low-req

vue3-low-req

介绍

用于简化前端 重复性代码和组件

使用方法

有三个方法，使用前必须掉用其一 initRequest, setRequest, setRequestConfig

/**
 * @param {请求体 必须包含 get 和 post 函数} request 
 * @param {初始化请求体 参数为函数} reqDataFilter 
 */
initRequest(request, reqDataFilter)

Vue3 Low Req 组件库使用文档

Vue3 Low Req 是一个基于 Vue 3 的组件库，主要用于快速构建具有数据请求和分页功能的列表组件。

安装

npm install vue3-low-req

快速开始

全局注册

import { createApp } from 'vue'
import App from './App.vue'
import Vue3LowReq from 'vue3-low-req'
import 'vue3-low-req/dist/style.css'
const app = createApp(App)
app.use(Vue3LowReq)
app.mount('#app')

使用前先初始化

import {lowQueryList,lowQueryBox,initRequest}from 'vue3-low-req'

//最好在项目初始化完毕就调用此方法
initRequest(null,(data)=>{  // 请求拦截 例如 success 就把data放入 返回 这里是放入queryList的数据，
    //注意 return 的 数据结构最好是这样 {data:[] ,total:0}  可以不包含 total 但是必须要data
    return data //{data:[] ,total:0}  
},{  //这个参数为config 参数可选  不填直接有默认

// 配置  分页字段名 ， 下面是默认的  ， 可自定义
    pageFieldName:{
        pageNumber:'pageNumber',
        pageSize:'pageSize',
        total:'total',
        data:'data'
    },
    isAutoBotomPageSelect:true,  //是否默认开启底部分页选择 组件 ， 默认true 就是 如果数据带 total 分页总条数 就会自动开启分页

})

局部导入

import { lowQueryList, lowQueryParent, lowPagination, lowQueryBox } from 'vue3-low-req'
import 'vue3-low-req/dist/style.css'

详细文档加群

交流群

贡献者 博

CSDN文档

https://blog.csdn.net/m0_73841350/article/details/152033984