input 换行

效果如图 :

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;
}

这篇好文章是转载于：学新通技术网