Vue實現(xiàn)動態(tài)顯示textarea剩余字數(shù)

Vue實現(xiàn)動態(tài)顯示textarea剩余文字數(shù)量，具體內(nèi)容如下
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,廣州企業(yè)網(wǎng)站建設,廣州品牌網(wǎng)站建設,網(wǎng)站定制,廣州網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,廣州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
這里我們假設允許用戶輸入的最多數(shù)量為200個
html代碼如下：
<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>實現(xiàn)效果如下： </p><p><img src="/upload/otherpic68/73955.jpg" alt="Vue實現(xiàn)動態(tài)顯示textarea剩余字數(shù)"></p><p>以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。</p>            
            
                        <br>
            網(wǎng)頁題目：Vue實現(xiàn)動態(tài)顯示textarea剩余字數(shù)            <br>
            文章轉(zhuǎn)載：<a href="http://weahome.cn/article/pdohei.html">http://weahome.cn/article/pdohei.html</a>
        </div>
    </div>
</div>
<div   id="squ6kqw"   class="other container">
    <h3>其他資訊</h3>
    <ul>
        <li>
                <a href="/article/dgijici.html">關于cmysql怎么用的信息</a>
            </li><li>
                <a href="/article/dgijejs.html">定義元素css樣式 css定義樣式的兩種方式</a>
            </li><li>
                <a href="/article/dgijish.html">春風Android 春風又綠江南岸明月何時照我還</a>
            </li><li>
                <a href="/article/dgijisc.html">mysql外碼怎么處理的簡單介紹</a>
            </li><li>
                <a href="/article/dgijicp.html">linux命令慢 linux命令 man</a>
            </li>    </ul>
</div>
<div   id="squ6kqw"   class="footer">
    <div   id="squ6kqw"   class="foota container">
        <div   id="squ6kqw"   class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
            <ul>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>網(wǎng)站制作</h3>
                    <a  target="_blank">網(wǎng)站制作</a><a  target="_blank">綿陽網(wǎng)站制作</a><a  target="_blank">重慶網(wǎng)站制作</a><a  target="_blank">溫江網(wǎng)站制作</a><a  target="_blank">手機網(wǎng)站制作</a><a  target="_blank">手機網(wǎng)站制作</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>企業(yè)服務</h3>
                    <a  target="_blank">免費收錄網(wǎng)站</a><a  target="_blank">分類目錄</a><a  target="_blank">軟文推廣</a><a  target="_blank">軟文平臺</a><a  target="_blank">網(wǎng)站免費收錄</a><a  target="_blank">軟文發(fā)稿</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>網(wǎng)站建設</h3>
                    <a  target="_blank">成都網(wǎng)站建設推廣</a><a  target="_blank">網(wǎng)站建設方案</a><a  target="_blank">wap網(wǎng)站建設</a><a  target="_blank">醫(yī)藥醫(yī)療網(wǎng)站建設方案</a><a  target="_blank">南充網(wǎng)站建設</a><a  target="_blank">企業(yè)網(wǎng)站建設</a>                </li>
                <li id="squ6kqw"    class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
                    <h3>服務器托管</h3>
                    <a  target="_blank">綿陽機房托管</a><a  target="_blank">成都光華機房</a><a  target="_blank">西信服務器托管</a><a  target="_blank">重慶電信水土機房托管</a><a  target="_blank">貴陽聯(lián)通機房</a><a  target="_blank">成都機柜租用</a>                </li>
            </ul>
        </div>
        <div   id="squ6kqw"   class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <p>全國免費咨詢:</p>
            <b>400-028-6601</b>
            <p>業(yè)務咨詢：028-86922220 / 13518219792</p>
            <p>節(jié)假值班：18980820575 / 13518219792</p>
            <p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p>
        </div>
    </div>
    <div   id="squ6kqw"   class="footb">
        <div   id="squ6kqw"   class="copy container">
            <div   id="squ6kqw"   class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司  <a  target="_blank">渝ICP備2021005571號</a></div>
            <!--<div   id="squ6kqw"   class="fr"><a  target="_blank">成都網(wǎng)站建設</a>：<a  target="_blank">創(chuàng)新互聯(lián)</a></div>-->
        </div>
    </div>
    <div   id="squ6kqw"   class="link">
        <div   id="squ6kqw"   class="container">
            友情鏈接:：
            <a  target="_blank">成都網(wǎng)站建設</a>
            <a  target="_blank">重慶網(wǎng)站建設</a>
            <a href="">四川網(wǎng)站建設</a>
            <a href="">重慶建設網(wǎng)站</a>
            <a  target="_blank">移動服務器托管</a>
            <a  target="_blank">成都服務器托管</a>
            <a  target="_blank">云服務器</a>
            <a  target="_blank">廣告設計制作</a>
            <a  target="_blank">重慶網(wǎng)頁設計</a>
            <a  target="_blank">重慶做網(wǎng)站</a>
            <a  target="_blank">重慶網(wǎng)站制作</a>
            <a href="">重慶網(wǎng)站建設</a>
            <a href="">重慶網(wǎng)站公司</a>
            <a href="">渝中網(wǎng)站制作</a>
            <a href="">重慶網(wǎng)站設計</a>
        </div>
    </div>
</div>
<div   id="squ6kqw"   class="foot">
    <ul class="public-celan">
        <li>
            <a  target="_blank" class="a1 db tc">
                <img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">在線咨詢</span>
            </a>
        </li>
        <li>
            <a href="tel:18980820575" class="a1 db tc">
                <img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">電話咨詢</span>
            </a>
        </li>
        <li>
            <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
                <img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">QQ咨詢</span>
            </a>
        </li>
        <li>
            <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
                <img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
                <span id="squ6kqw"    class="span-txt">預約顧問</span>
            </a>
        </li>
    </ul>
</div>
<div   id="squ6kqw"   class="customer">
    <dl class="icon1">
        <dt>
            <a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
                <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
                <p>在線咨詢</p>
            </a>
        </dt>
    </dl>
    <dl class="icon2">
        <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt>
        <dd><img src="/Public/Home/img/ewm.png"></dd>
    </dl>
    <dl class="icon3">
        <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt>
        <dd>
            <p>028-86922220（工作日）</p>
            <p>18980820575（7×24）</p>
        </dd>
    </dl>
    <dl class="icon4">
        <dt class="sShow">
            <a href="tencent://message/?uin=244261566&Site=&Menu=yes">
                <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
            </a>
        </dt>
    </dl>
    <dl class="icon5">
        <dt class="gotop">
            <a href="#top">
                <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
            </a>
        </dt>
    </dl>
</div>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a>

<div class="friend-links">


</div>
</div>

</footer>


<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="q99mo" class="pl_css_ganrao" style="display: none;"><form id="q99mo"><dfn id="q99mo"><mark id="q99mo"></mark></dfn></form><dl id="q99mo"></dl><object id="q99mo"></object><u id="q99mo"></u><i id="q99mo"></i><table id="q99mo"><optgroup id="q99mo"><sup id="q99mo"><kbd id="q99mo"></kbd></sup></optgroup></table><meter id="q99mo"></meter><td id="q99mo"><center id="q99mo"><progress id="q99mo"></progress></center></td><dfn id="q99mo"><var id="q99mo"><strike id="q99mo"></strike></var></dfn><form id="q99mo"><strong id="q99mo"></strong></form><span id="q99mo"><tr id="q99mo"></tr></span><dl id="q99mo"><progress id="q99mo"></progress></dl><label id="q99mo"><sup id="q99mo"><dl id="q99mo"><tbody id="q99mo"></tbody></dl></sup></label><center id="q99mo"><pre id="q99mo"><pre id="q99mo"><li id="q99mo"></li></pre></pre></center><legend id="q99mo"></legend><xmp id="q99mo"><thead id="q99mo"></thead></xmp><b id="q99mo"><em id="q99mo"><optgroup id="q99mo"><var id="q99mo"></var></optgroup></em></b><xmp id="q99mo"><em id="q99mo"><b id="q99mo"></b></em></xmp><legend id="q99mo"><wbr id="q99mo"><span id="q99mo"><thead id="q99mo"></thead></span></wbr></legend><ol id="q99mo"><acronym id="q99mo"><pre id="q99mo"><sup id="q99mo"></sup></pre></acronym></ol><optgroup id="q99mo"><menu id="q99mo"></menu></optgroup><strong id="q99mo"></strong><th id="q99mo"><bdo id="q99mo"><code id="q99mo"><p id="q99mo"></p></code></bdo></th><p id="q99mo"></p><em id="q99mo"></em><sup id="q99mo"><center id="q99mo"><xmp id="q99mo"><blockquote id="q99mo"></blockquote></xmp></center></sup><sub id="q99mo"></sub><delect id="q99mo"><tt id="q99mo"><u id="q99mo"></u></tt></delect><rt id="q99mo"></rt><track id="q99mo"></track><ul id="q99mo"><kbd id="q99mo"></kbd></ul><span id="q99mo"></span><tr id="q99mo"></tr><em id="q99mo"><th id="q99mo"><var id="q99mo"><strong id="q99mo"></strong></var></th></em><menuitem id="q99mo"></menuitem><pre id="q99mo"></pre><i id="q99mo"><p id="q99mo"><td id="q99mo"><form id="q99mo"></form></td></p></i><style id="q99mo"></style><pre id="q99mo"><noframes id="q99mo"></noframes></pre><object id="q99mo"></object><font id="q99mo"></font><option id="q99mo"><noframes id="q99mo"><dfn id="q99mo"></dfn></noframes></option><dfn id="q99mo"><ruby id="q99mo"><form id="q99mo"></form></ruby></dfn><dfn id="q99mo"></dfn><strong id="q99mo"></strong><tt id="q99mo"><kbd id="q99mo"></kbd></tt><meter id="q99mo"></meter><wbr id="q99mo"></wbr><cite id="q99mo"></cite><dl id="q99mo"></dl><i id="q99mo"></i><address id="q99mo"><sup id="q99mo"><acronym id="q99mo"></acronym></sup></address><span id="q99mo"><form id="q99mo"></form></span><tt id="q99mo"><em id="q99mo"></em></tt><object id="q99mo"><s id="q99mo"></s></object><strong id="q99mo"></strong><wbr id="q99mo"></wbr><em id="q99mo"><dfn id="q99mo"></dfn></em><abbr id="q99mo"><label id="q99mo"></label></abbr><mark id="q99mo"></mark><ruby id="q99mo"></ruby><font id="q99mo"><del id="q99mo"></del></font><ruby id="q99mo"><rp id="q99mo"></rp></ruby><ul id="q99mo"></ul><output id="q99mo"><ruby id="q99mo"></ruby></output><font id="q99mo"></font><small id="q99mo"><tr id="q99mo"></tr></small><div id="q99mo"></div><acronym id="q99mo"></acronym><td id="q99mo"><center id="q99mo"></center></td><center id="q99mo"><pre id="q99mo"></pre></center><div id="q99mo"></div><noframes id="q99mo"></noframes><wbr id="q99mo"></wbr><tt id="q99mo"><option id="q99mo"><table id="q99mo"></table></option></tt><xmp id="q99mo"><tt id="q99mo"><option id="q99mo"></option></tt></xmp><tfoot id="q99mo"><progress id="q99mo"><ins id="q99mo"><ul id="q99mo"></ul></ins></progress></tfoot><address id="q99mo"></address><bdo id="q99mo"></bdo><strike id="q99mo"><big id="q99mo"></big></strike><pre id="q99mo"><p id="q99mo"><span id="q99mo"></span></p></pre><menuitem id="q99mo"><mark id="q99mo"></mark></menuitem><acronym id="q99mo"><video id="q99mo"><th id="q99mo"><bdo id="q99mo"></bdo></th></video></acronym><legend id="q99mo"></legend><track id="q99mo"><small id="q99mo"><code id="q99mo"><legend id="q99mo"></legend></code></small></track><pre id="q99mo"></pre><strike id="q99mo"><big id="q99mo"><meter id="q99mo"><del id="q99mo"></del></meter></big></strike><big id="q99mo"><font id="q99mo"><button id="q99mo"><noscript id="q99mo"></noscript></button></font></big><small id="q99mo"><p id="q99mo"><strike id="q99mo"><legend id="q99mo"></legend></strike></p></small><strike id="q99mo"></strike><ins id="q99mo"></ins><acronym id="q99mo"></acronym><option id="q99mo"></option><dl id="q99mo"></dl><pre id="q99mo"></pre><address id="q99mo"><mark id="q99mo"><rp id="q99mo"></rp></mark></address><b id="q99mo"></b><u id="q99mo"><optgroup id="q99mo"><label id="q99mo"></label></optgroup></u><del id="q99mo"></del><mark id="q99mo"><ins id="q99mo"><video id="q99mo"><li id="q99mo"></li></video></ins></mark></div>
</html>
<script>
    $(".con img").each(function(){
        var src = $(this).attr("src");    //獲取圖片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //絕對路徑
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>