<view class="textarea_box">
<textarea class="textarea" placeholder="请填写10字以上的问题描述,以便我们更好的帮助您解决问题,提高产品质量。" placeholder-style="font-size:28rpx" maxlength="200" @input="descInput" v-model="desc" />
<view class="num">{{ desc.length }}/200</view>
</view>
js代码 在data中定义一个变量desc
desc: '',
descInput(e) {
console.log(e.detail.value.length, '输入的字数')
},
样式:
.textarea_box{
padding: 20rpx;
background-color: #F2F2F2;
/deep/ .uni-textarea-textarea{
font-size: 28rpx;
line-height: 45rpx;
}
.num{
text-align: right;
color: gray
}
}