65 lines
1.3 KiB
Markdown
65 lines
1.3 KiB
Markdown
|
||
|
||
## RboyUploadSfz 身份证正反面上传
|
||
|
||
> **组件名：Rboy-upload-sfz**
|
||
> 代码块： `Rboy-upload-sfz`
|
||
|
||
|
||
## 属性
|
||
- obverse-url 身份证正面图片地址
|
||
- reverse-url 身份证反面图片地址
|
||
- source-type 控制相机和相册（album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项）
|
||
- @selectChange 身份证图片上传成功事件
|
||
- @del 身份证图片删除事件
|
||
|
||
|
||
|
||
## 使用方法
|
||
1. 引入
|
||
```js
|
||
import RboyUploadSfz from "@/components/Rboy-upload-sfz/Rboy-upload-sfz.vue"
|
||
```
|
||
|
||
2. 注册组件
|
||
```js
|
||
components: {
|
||
RboyUploadSfz,
|
||
},
|
||
```
|
||
|
||
3. 应用
|
||
```html
|
||
<Rboy-upload-sfz :obverse-url="formData.obverseUrl" :reverse-url="formData.reverseUrl" @selectChange="sfz_chagne" @del="del_btn"></Rboy-upload-sfz>
|
||
```
|
||
```js
|
||
// 表单
|
||
formData: {
|
||
// 正面
|
||
obverseUrl: "",
|
||
// 反面
|
||
reverseUrl: "",
|
||
},
|
||
methods: {
|
||
// 身份证
|
||
// 上传
|
||
sfz_chagne(e) {
|
||
if (e.name == "obverse") {
|
||
this.formData.obverseUrl = e.tempFilePath
|
||
} else if (e.name == "reverse") {
|
||
this.formData.reverseUrl = e.tempFilePath
|
||
}
|
||
},
|
||
// 删除
|
||
del_btn(e) {
|
||
if (e.name == "obverse") {
|
||
this.formData.obverseUrl = ""
|
||
} else if (e.name == "reverse") {
|
||
this.formData.reverseUrl = ""
|
||
}
|
||
},
|
||
}
|
||
```
|
||
|
||
|