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

2024年04月01日 前端 JS JavaScript vue 共享博客

举个简单的例子

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


本文链接:http://so.lmcjl.com/news/903/

展开阅读全文