Vue el-input实现动态显示type为textarea的文字数量、剩余字数


<el-form-item label="主厨描述">
    <el-input v-model="chef_desc" :autosize="{ minRows: 2, maxRows: 4}" type="textarea" maxlength="128" @input="descInput" placeholder="请输入..." />
    <span class="numberV" style="position: absolute; right: 10px;bottom: 0;">{{txtVal}}/128</span>
</el-form-item>
data() {
    return {
        txtVal: 0,
    }
},
 methods: {
    /**
     * 统计textarea 字数
     */
    descInput() {
      this.txtVal = this.chef_desc.length;
    }
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM