uni-app textarea 输入框有数据时候再次显示时候高度异常

uni-app 在多行文本框输入聊天内容 自动适配高度
在textarea有数据时候显示高度异常
border-width//防止输入框里有数据时高度异常

<textarea
					fixed
					auto-height="true"
					:focus="isFocus"
					v-model="content"
					:adjust-position="false"
					:show-confirm-bar="false"
					cursor-spacing="0"
					class="easy_text"
					style="max-height:120rpx;"
					@focus="onFocus"
					@blur="textareaBlur"
				>
					
				</textarea>
				export default {
					data() {
					return {
						focused:false,
				},
				methods:{
						onFocus(e) {
						const { height } = e.detail;
						this.keyboardheight = height;
					},
					textareaBlur(e){
						this.isFocus=false;
					},
					commentTap() {
						this.isFocus = true;
					},
					// 回复
					replyTap(item, index) {
						this.isFocus = true;
					},
			}
		}
			<style lang="scss" scoped>
			textarea {
				max-height: 120rpx;
				border-width: 2rpx 20rpx;//防止输入框里有数据时高度异常
				border-style: solid;
				border-color: #F7F7F7;
				line-height: 40rpx;
				font-size: 26rpx;
				color: #3A3D71;
			}
			</style>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值