美文网首页
vue.js 文本域显示输入文本长度

vue.js 文本域显示输入文本长度

作者: MarkName | 来源:发表于2019-03-23 09:56 被阅读0次
    //作者:郅慧芳 
    //来源:CSDN 
    //原文:https://blog.csdn.net/qq_24612793/article/details/81283500 
    
    <div class="applyInput cb mt3">
        <textarea placeholder="请输入" maxlength="100" @input="descInput" v-model="desc" />
        <span class="numberV">{{txtVal}}/100</span>
     </div>
    
    
    
    <script>
    export default {
      name: 'applyAgent',
      data () {
        return {
          txtVal: 0,
          desc:""
        }
      },
      methods: {
        descInput(){
            this.txtVal = this.desc.length;
            }
        }
    }
    </script>
    

    效果图:


    txtlength.png

    相关文章

      网友评论

          本文标题:vue.js 文本域显示输入文本长度

          本文链接:https://www.haomeiwen.com/subject/wnpjvqtx.html