element ui实现动态显示textarea剩余字数

1. <el-form-item label="备注:" class="layout">

2. <el-input type="textarea" maxlength="250" v-model="form.remk" placeholder="输入备注信息" @input="this.descInput"></el-input>

3. <span style="float:right;color:#999;">{{this.remnant}}/250</span>

4. </el-form-item>

1. return {

2. tab2Lable:'添加用户',

3. remnant: 250,//备注最大输入250个字符

4. }

1. methods: {

2. descInput(){

3. var txtVal = this.form.remk.length;

4. this.remnant = 250 - txtVal;

5. }

6. }