扁平化设计个人网站,wordpress文章发布编辑器,青岛公司建设网站,网页设计教程与实训发现用这个组件#xff0c;为了给用户更好的体验#xff0c;要加下属性
1. 通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整#xff0c;并且 autosize 还可以设定为一个对象#xff0c;指定最小行数和最大行数。:autosize{ minRows: 3, ma…发现用这个组件为了给用户更好的体验要加下属性
1. 通过设置 autosize 属性可以使得文本域的高度能够根据文本内容自动进行调整并且 autosize 还可以设定为一个对象指定最小行数和最大行数。:autosize{ minRows: 3, maxRows: 6}
2. 输入长度限制 maxlength
3. 是否显示输入字数统计 show-word-limit 1. 显示 2. 写法
div classremarkdiv classlabel item-label styleline-height: 40px;padding-left: 20px;box-sizing: border-box;width:100%主要来访嘉宾姓名及职位/divel-inputtypetextareav-modelvisitForm.guest:autosize{ minRows: 3, maxRows: 6}maxlength200classform-inputplaceholder填写示例张三-院长李四-设备科科长show-word-limit/el-input
/div
3. 提交必填校验
这个注意输入全是空格的情况因为element-ui输入空格也算1个字符, // 文本域 判断是否为空
isEmptyOrWhitespace(str) {return !str || str.trim().length 0;
},
if (this.isEmptyOrWhitespace(visitForm.guest)) {this.handleMessage(主要来访嘉宾姓名及职位必填)return;
}
