Element-ui 中设置input中字符长度并提示，vue

需求如下
规定设置的字符串，如有超过会有提示。

代码如下

 <el-row><el-col :span="24"><el-form-item prop="vacationNote" label="法假备注"><el-input v-model="dataForm.vacationNote" placeholder="法假备注" clearable></el-input></el-form-item></el-col></el-row>

首先你要定义一个规则，规则里面有要定义的方法；
比如:我先定义了一个dataRules 数据规则，然后再这个规则里面定义这个字符串不能超过20 个字的方法

 data () {return {dialogVisible: false,dataRules: {dataDate: [{required: true, message: '请选择数据日期', trigger: 'blur'}],dateType: [{required: true, message: '请选择日期类型', trigger: 'change'}],vacationNote: [{max: 20, message: '角色说明不能超过20个字符', trigger: 'blur'}],holidayNote: [{max: 20, message: '角色说明不能超过20个字符', trigger: 'blur'}]},

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！