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;
    }
}

 

posted @ 2021-04-29 10:29  py卡卡  阅读(2653)  评论(0)    收藏  举报