vue中 使用 v-model 实现实时获取输入框内容的长度 以及限制

举个简单的例子

原文地址 www.sharedblog.cn/?post=206

输入框使用v-model双向绑定，使用maxlength属性做限制，最多只能输入50字符

span中 使用最多限制的 50，减去nameText当前的长度即可

<input type="text" v-model="nameText" maxlength="50">
<span>{{50 - nameText.length}}</span>

data中定义nameText

data () {
		return{
			nameText: ''
		}
	}