Vue实现动态显示textarea剩余字数 - 行业资讯 - 肥雀云

Vue实现动态显示textarea剩余文字数量,具体内容如下

这里我们假设允许用户输入的最多数量为200个
　　

html代码如下:

　　　　　　& lt; textarea最大长度=" 200 " @input=v模型“descInput”=癲esc”/比; 　　& lt; span>{{遗迹}}/200 & lt;/span> 　　之前　　　　

javascript代码如下:

　　　　　　数据(){ 　　返回{ 　　剩余:200 　　} 　　} 　　　　方法:{ 　　descInput () { 　　var txtVal=this.desc.length; 　　这一点。残余=200 - txtVal; 　　} 　　} 　　　　之前　　　　

css代码在这里就不码出来了~

实现效果如下:
　　

Vue实现动态显示textarea剩余字数

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。