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

<span>{{remnant}}/200</span>
</pre></div><p>javascript代码如下：</p><div><pre>data(){
 return{
 remnant: 200
 }
}

methods:{
 descInput(){
 var txtVal = this.desc.length;
 this.remnant = 200 - txtVal;
 }
}

</pre></div><p>css代码在这里就不码出来了~</p><p>实现效果如下： </p><p><img src="/upload/otherpic68/73955.jpg" alt="Vue实现动态显示textarea剩余字数"></p><p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。</p>            
            
            
            <br>

            网页题目：Vue实现动态显示textarea剩余字数
            <br>

            转载源于：<a href="http://mswzjz.cn/article/pdohei.html">http://mswzjz.cn/article/pdohei.html</a>

        </div>

    </div>

    <div class="other">

        <h3>其他资讯</h3>

        <ul>

            <li>

                    <a href="/article/jiiejs.html">php文件是否能在网页中直接打开</a>

                </li><li>

                    <a href="/article/jiieec.html">按照防火墙对数据的处理方法可将防火墙分为什么</a>

                </li><li>

                    <a href="/article/jiiedh.html">ApacheHBase内核知识点有哪些</a>

                </li><li>

                    <a href="/article/jiieie.html">win7系统怎么解决音量图标显示红叉问题</a>

                </li><li>

                    <a href="/article/jiiede.html">iOS中怎么判断当前网络环境</a>

                </li>
        </ul>

    </div>

</div>

<footer>

    <div class="message">

        <div class="mess container">

            <p>免费获取网站建设与品牌策划方案报价</p>

            <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。</span>

            <form action="">

                <input type="text" class="ipt1" placeholder="联系人">

                <input type="text" class="ipt2" placeholder="联系电话">

                <textarea name="" id=""  placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。">

                提交需求