效果如图 :
input内容换行, 主要是为了提升体验,大致实现如下:
<el-input v-model.trim="form.XXX" placeholder="请输入银行卡号" onkeyup="value = value.replace(/[^0-9]/g,'')" type="textarea" autosize maxlength="30"></el-input>
data里
Rule() {
return {
bankNumber: [
//银行卡号
{
min: 0,
max: 20,
message: "银行卡号长度在20位之间",
trigger: "change"
},
{
required: true,
message: "请输入",
trigger: "blur"
}
]
};
}
::v-deep .el-textarea__inner {
resize: none;
line-height: normal;
min-height: 28px !important;
overflow-y: hidden;
}