<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, '输入的字数')
},
样式:文章来源:https://www.toymoban.com/news/detail-498384.html
.textarea_box{
padding: 20rpx;
background-color: #F2F2F2;
/deep/ .uni-textarea-textarea{
font-size: 28rpx;
line-height: 45rpx;
}
.num{
text-align: right;
color: gray
}
}
文章来源地址https://www.toymoban.com/news/detail-498384.html
到了这里,关于uniapp写出文本域,右下角并限制字数200的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!