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

Question

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

Answer 1

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

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