vue监听html,vue监听，对页面变量进行监听

摘要：html>

监听

ul,ol{list-style: none;}

a{text-decoration: none;}

*{margin: 0;padding: 0;}

p{cursor: pointer;}

输入长度是：{{length}}

{{message}}

var jiantin = new Vue({

el: '.container',

data: {

val: '',

length: 0,

isShow: false,

style: 'color:red',

message: '输入太短了！'

},

watch: {

val: function () {

this.length++;

if (this.length 

this.isShow = true;

}

else {

this.isShow = false;

}

}

}

})

我有问题：ue的监听器watch作业这块，当我输入数字大于6的时候，我把删到只有三个，但是它的长度还是一直在增加，怎么解决这个问题啊？

批改老师：查无此人批改时间：2019-01-11 09:26:18

老师总结：下次问题在工单或者群里问。 是因为 this.length++; 这个一直在增加，只要操作键盘，就会增加。 这里需要改为 判断input输入框的文本长度