【框架】表格组件

Skywen天问信息

于 2020-12-03 14:03:23 发布

阅读量345

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/Skywen_/article/details/110529738

版权

本文档介绍了基于AntDesign UI的a-table组件进行二次封装的表格组件。该组件提供了基本使用方法，请求接口的要求，组件API说明，以及占用的API列表。使用者需传入columns、querys和load参数，并可选择是否开启自动查询功能。

摘要由CSDN通过智能技术生成

【框架】表格组件

在这里插入图片描述

描述

基于antdesign UI a-table二次封装的列表组件

使用方法

基本使用方法和a-table相似，具体看下面代码示例

<template>
  <Table
         :columns="Table.columns"
         :querys="Table.querys"
         :load="Table.loadData"
         auto
  >
        <!-->
          这里slot插槽同a-table
        <-->
  </Table>
</template>
<script>
  import Table from "@/components/Table";//引用组件
	import { GetList } from "@/config/data";//引用接口
  export default {
  	...//省略无关代码
  	data(){
  		return {
  			Table:{
  				columns:[],//表头设置，同a-table
          querys:{},//这里是筛选查询条件属性
          loadData(filters) {//请求接口设置
            return GetList(filters).then((res) => {