Skip to content
On this page

InputVerify

该组件为输入框敏感词的校验组件。

功能

  • 敏感词过滤,并统一提示语;
  • 解决部分 ios 系统失焦后页面不回弹的问题;

WARNING

页面展现用户输入的内容,必须使用该组件。

使用

<InputVerify @inputVerifyCallback="inputVerifyCallback" key="input-verify" />
import { InputVerify } from '@go/ui';

export default defineComponent({
  components: {
    InputVerify,
  },
  methods:{
    inputVerifyCallback(content){
    },
  }
})

接口

  • placeholder :输入框提示语,默认为 请输入你的昵称
  • maxlength:输入框最多字数,默认为 6
  • emptyPrompt:输入框为空值的提示语,默认为 请输入昵称
  • inputErrorPrompt:校验结果为敏感词的提示语,不建议修改,默认为:你好像不叫这个名字哦,请重新输入
  • btnConfirmAutoHide:输入框为空时,按钮是否隐藏,默认为:false;

方法

  • inputVerifyCallback(content:string) :校验后无敏感词回调,参数为输入框中的文字。

自定样式

:deep(.input-verify){
  .input-item{    
    // 输入框样式
  }
  .input-item::-webkit-input-placeholder{    
    // 输入框 placeholder 颜色等样式
  }
  .input-btn-confirm{
    // 确认按钮样式
  }
}

Released under the MIT License.