# el-table

**Repository Path**: ahsdxy/el-table

## Basic Information

- **Project Name**: el-table
- **Description**: 基于elementui  里面的el-table的二次封装
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2023-04-28
- **Last Updated**: 2023-12-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# El-table二次封装

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).



## 基于el-table的二次封装

### Events

| 事件名 | 说明                                                         |
| ------ | ------------------------------------------------------------ |
| edit   | 如果最后一列使用了作者提供的,点击编辑按钮,返回本行的row      |
| del    | 如果最后一列使用了作者提供的,点击删除按钮的确定按钮,返回本行的row |
| page   | 每页条数,返回每页的条数                                      |
| limit  | 每页的页码,返回每页的页码                                    |

### Attributes

| 参数       | 说明                                                         | 类型    | 默认值          |
| ---------- | ------------------------------------------------------------ | ------- | --------------- |
| tableList  | 放的是el-table里面的data对应值(必传)                         | Array   |                 |
| tableType  | 接收一个数组对象,里面的值应该为[{lable:'表头名',type:'插槽的名字',prop:'表里面的数据'}]type为不必须传值,但是剩余的两个必须传对应的,且里面的键值不能自定义,否则出不来效果 | Array   |                 |
| index      | 开启表格是否需要最前面的#                                    | Boolean | true            |
| Edit       | 当最后一行没有使用插槽模式的时候,这个属性可以控制修改按钮是否显示 | Boolean | true            |
| del        | 当最后一行没有使用插槽模式的时候,这个属性可以控制删除按钮是否显示 | Boolean | true            |
| operate    | 最后一列开启插槽模式                                         | Boolean | false           |
| operation  | 自定义最后一行的label值,默认是'操作'                         | String  | 操作            |
| total      | 总数                                                         | Number  |                 |
| page       | 页面值                                                       | Number  |                 |
| current    | 页码值                                                       | Number  |                 |
| pagesize   | 分页器的值                                                   | Array   | [4, 10, 20, 30] |
| pagination | 是否开启分页功能                                             | Boolean | true            |