uniapp写出文本域，右下角并限制字数200

最新推荐文章于 2024-05-28 11:54:14 发布

麦兜的明天

最新推荐文章于 2024-05-28 11:54:14 发布

阅读量1.5k

点赞数

文章标签： uni-app 数学建模 java

本文链接：https://blog.csdn.net/ll123456789_/article/details/131301863

版权

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