Appearance
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{
// 确认按钮样式
}
}