> ## 组件wl-import-excel 使用文档
```
<wl-import-excel @result="resultAction" :back-row-num="1" scp-design="true"></wl-import-excel>
```
### wlImportExcel props
| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| back-row-num | 从excel里面第几行开始取数据 | Number | 2 |
| validatorOption| 数据校验规则| Array | |
| scp-design | 编辑器模式| String | 'false'|
| async-await | 是否一条一条调用接口| String | 'false'|
| name | 按钮名称| String | 上传文件|
| api-url | 上传接口的url地址| String | 上传文件|
### 方法说明
| 方法名 | 说明 | 参数 |
| --- | --- | --- |
| result | excel转成json数据的事件|
#### 使用说明:
```
methods: {
resultAction (data, title) {
this.excelData = data
this.excelTitle = title
}
}
```
#### 备注说明

### 倒出的json如下
~~~
[
{
"name": "张三",
"age": 11,
"idcard": 222323232
},
{
"name": "李四",
"age": 33,
"idcard": "893849839489384"
}
]
~~~
~~~
[
"name",
"age",
"idcard"
]
~~~
> validatorOption 说明
~~~
{
idcard: [
{ required: true, rule: 'is_card', message: '身份证格式不正确' }
]
}
~~~
> 需要传递这样的json数据,idcard是excel表格中的第一行要校验的字段名称。required校验这个字段是否必填,rule是校验规则。message是错误的提醒信。
下面是已经封装好的规则,直接用value值就可以
~~~
{ lable: '是否是身份证', value: 'is_card', list: [{ lable: '值', value: '' }] },
{ lable: '是否是邮箱', value: 'is_email', list: [{ lable: '值', value: '' }] },
{ lable: '是否是合法的移动手机号', value: 'is_MobilePhone', list: [{ lable: '值', value: '' }] },
{ lable: '是否是一个信用卡卡号', value: 'is_CreditCard', list: [{ lable: '值', value: '' }] },
{ lable: '是否是邮政编码', value: 'is_PostalCode', list: [{ lable: '值', value: '' }] },
{ lable: '是否是经纬度', value: 'is_LatLong', list: [{ lable: '值', value: '' }] },
{ lable: '是否是一个整数', value: 'is_Int', list: [{ lable: '值', value: '' }] },
{ lable: '检查字符串长度', value: 'is_Length', list: [{ lable: '值', value: '' }] }
~~~
- 编写模版
- 模态框 wl-modal
- 富文本框 wl-tinymce
- 国家选择下拉框 wl-select-country
- 时间轴 wl-timeline
- 国籍选择下拉框 wl-select-nationality
- 时间及时间段选择器 wl-timepicker
- 日期及日期段选择器 wl-datepicker
- 自定义内容下拉框 wl-select-custom
- excel下载组件 wl-down-excel
- 多选框 wl-checkbox
- 多选下拉框 wl-select-mutiple
- 柱状图 wl-bar-chart
- 折线图 wl-line-chart
- 饼图 wl-pie-chart
- pdf预览并下载 wl-pdf-download
- excel导入 wl-import-excel
- 生成二维码 wl-create-qrcode
- 流程预览 wl-flow-viewer
- 级联选择城市 wl-select-city
- 图片预览 wl-viewer-show-img
- 业务综合组件
- 接口管理wl-inter-face-page
- 系统异常微信通知wl-try-catch-notice
- 地图组件 wl-map