当前位置: 首页 > 文档资料 > FeArt 中文文档 >

PasswordInput 密码输入框

优质
小牛编辑
131浏览
2023-12-01

使用指南

组件介绍

带网格的输入框组件,可以用于输入密码、支付密码等,可与数字键盘组件配合使用

引入方式

import { PasswordInput } from 'feart';

components: {
  "fe-password-input": PasswordInput,
},

代码演示

基本用法

<fe-password-input @change="onChange" />
export default {
  data() {
    return { showKeyboard: true };
  },
  methods: {
    onChange(val) {
      console.log(val);
    },
  },
};

自定义长度

<fe-password-input @change="onChange" :maxLength="4" />

自带 label

<fe-password-input label="密码" @change="onChange" type="field" :maxlength="6" />

明文展示

<fe-password-input label="密码" @change="onChange" :mask="false" />

API

参数说明类型默认值可选值
type输入框方式Stringgridgrid field keyboard
maxLength密码最大长度Number6-
mask是否明文展示Booleantrue-
pattern正则规则RegExp--
placeholder暗提示String暗提示-
border是否显示内外边框Booleantrue-
-----

Events

事件名参数说明备注
changevalue内容变化时触发-