百变鹏仔-专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

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

作者:鹏仔先生日期:2020-06-03 12:08:47浏览:3266分类:JavaScript

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

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


手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯