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

举个简单的例子输入框使用v-model双向绑定，使用maxlength属性做限制，最多只能输入50字符span中 使用最多限制的 50，减去nameText当前的长度即可<input type="text" v-model="nameText" maxlength="50"> <span>{{50 - nameText.length}}</span>data中定义nameText 0 Comments

举个简单的例子

输入框使用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: ''
	}
}


本文链接：https://my.lmcjl.com/post/20568.html

展开阅读全文

相关文章

4 评论

留下您的评论.