GG

# gg-input-idcard 身份证输入框

gg-input-idcard

身份证输入框，一般和表单配合使用，默认为实心白色背景。

在 script 中引用组件

若使用uni-app的 easycom 引入方式，则无需在script中重复引用

import ggInputIdcard from '@/components/gg-input-idcard/gg-input-idcard.vue'

export default {
    components: {ggInputIdcard}
}
1
2
3
4
5

在 template 中使用组件

# 身份证号输入

<gg-input-idcard label="身份证号" v-model="formData.idcard"  />
1
  • @type 属性为idcard的input
  • @description 身份证输入键盘 | 微信、支付宝、百度、QQ小程序

# 属性说明

属性名 类型 默认值 说明
placeholder String - 占位符
must Boolen false 是否必填
disabled Boolen false 是否禁止
label String - 字段名
v-model String - 数据双向绑定
maxlength Number -1 输入长度限制
labelWidth Number 60 字段区域宽度，上下排列无效
layout String row 排列方式 ['row','col']
message String - 错误提示
messageDisplay Boolen false 错误提示是否显示
tip String - 字段提示/说明
rtip String - 输入框右侧占位提示
onQClear Boolean false 是否显示一键清空按钮

# 插件预览地址

← 小数 →