#### eslint + vscode + element-ui 二次封装

#### 有 vscode 的 setting.json 配置文件 ，保存自动格式化

##### 先安装 element-ui

```
   npm i element-ui
```

#### 安装 debounce-button 再 Vue.use(debounce-button)

```
    npm i debounce-button
    Vue.use(debounce-button)
```

#### 组件 debounce-button 是点击发布或确定的场景下应用，按钮开启 loading 效果，禁止连续点击

```
  举例：  <debounce-button @click="getData">2123123221</debounce-button>
        methods: {
          getData (done) {
            setTimeout(() => {
              done() //关闭按钮loading效果
              console.log('请求数据')
            }, 2000)

          }
        }

```

#### 组件 confirm-button 是在点击按钮二次确认的情况下使用

```
   <confirm-button
      @confirm="confirm"
      @cancle="cancle"
      auto-comfirm
      :confirm-config="{
        massage: '确定要删除吗？',
        title: '温馨提示',
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }"
      >地扫活动是怕</confirm-button
    >

```

| props          | 是否必须 |   默认值 | 类型     | 描述                   |
| -------------- | :------: | -------: | -------- | ---------------------- |
| auto-comfirm   |    否    |     true | Boolean  | 是否需要二次确认       |
| confirm-config |    否    |      { } | Object   | 二次确认类型弹框的信息 |
| confirm        |    是    | function | Function | 点击确定按钮后的操作   |
| cancle         |    是    | function | Function | 点击取消按钮之后的操作 |

#### 补充:

```

confirm-config 的默认值是
{
massage: '确定要删除吗？',
title: '温馨提示',
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}

```