# base-components

**Repository Path**: tang_huiwb/base-components

## Basic Information

- **Project Name**: base-components
- **Description**: 基于elementUI的二次封装
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-15
- **Last Updated**: 2023-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# @owinfo/components

## 安装

```javascript
npm install @owinfo/components -S
```

### main.js中导入

```javascript
  import baseComponent from '@owinfo/components'
  import '@owinfo/components/lib/baseComponents.css'
  app.use(baseComponent)
```

### 在.vue文件中使用

```vue
  <template>
    <div>
      <base-table :columns="columns" :tableData="tableData"/>
    </div>
  </template>

  <script setup>
    const columns = [
      {
        label: "Date",
        prop: "date",
        minWidth: "180", 
        formatter: row => {
          return "date" + row.date
        },
        sortable: "custom"
      },
      {label: "Name", prop: "name", minWidth: "180"},
      {label: "Address", prop: "address", minWidth: "180"}
    ]
    const tableData = [
      {
        date: '2016-05-03',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-02',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-04',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      },
      {
        date: '2016-05-01',
        name: 'Tom',
        address: 'No. 189, Grove St, Los Angeles'
      }
    ]
  </script>
```