限制只能输入20字，在输入第21字的时候就不能输入了

element ui input框，加上字数验证，限制只能输入20字，在输入第21字的时候就不能输入了，并给出提示不能输入超过20字，怎么弄呀，输入第21个字才提示！

或者表单验证，这个就够用了

maxlength=21

求帮忙啊，大佬们！

个人认为可以用键盘事件实现吧，如果当前已经是20 还按键盘，那么就给出提示说不能再输入了

在watch中监听，超过20字，弹出提示 把旧值赋给原来值

watch: {
            'value'(newVal, oldVal) {
                if (value.length > 20) {
                    this.value = oldVal
                    this.$message({
                        message: '最多输入20字',
                        type: 'warning'
                    })
                }
            }
        }

    <el-form-item
     label="项目名称："
     prop="name"
     class="quantity-limit">
       <el-input v-model="sheetMsg.name" :disabled="isEdit" maxlength="20" placeholder="请输入"></el-input>
       <span v-if="sheetMsg.name.length > 20">
        请不要超过20个字
       </span>
    </el-form-item>