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

网友投稿 367 2023-05-13


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

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

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

html代码如下:

javascript代码如下:

data(){

return{

remnant: 200

}

}

methods:{

descInput(){

var txtVal = this.desc.length;

this.remvWRuuYnant = 200 - txtVal;

}

}

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

实现效果如下:


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:详解Angular路由 ng
下一篇:bootstrap手风琴折叠示例代码分享
相关文章

 发表评论

暂时没有评论,来抢沙发吧~