在有需求的组件的html部分补充textarea中的属性maxlength="字数" @input="descInput" v-model="desc"
<textarea maxlength="200" @input="descInput" v-model="desc"></textarea>
<p><span>{{remnant}}</span>/50</p>
js部分补充
data(){
return{
remnant: 200
}
}
methods:{
descInput(){
var txtVal = this.desc.length;
this.remnant = 200 - txtVal;
}
}
方法名变量名可以随意变动。