1***@qq.com
1***@qq.com
  • 发布:2025-05-16 16:21
  • 更新:2025-05-16 17:06
  • 阅读:37

【报Bug】textarea 组件通过 v-show 切换后,高度失效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 15

HBuilderX类型: 正式

HBuilderX版本号: 4.65

手机系统: iOS

手机系统版本号: iOS 18

手机厂商: 苹果

手机机型: 15

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
  <view class="rc-input-text" v-show="inputStatus.isShowInputBox">  
    <textarea  
      class="rc-input-text-input"  
      auto-height  
      confirm-hold  
      v-model="text"  
      :maxlength="-1"  
      @confirm="sendMessage"  
      @input="inputHandler"  
      :adjust-position="false"  
      :cursor-spacing="20"  
      always-embed  
      :show-confirm-bar="false"  
      :cursor="inputCursor"  
      :focus="inputFocus"  
      @blur="onBlurHandler"  
      @focus="onFocusHandler"  
      :disable-default-padding="true"  
      @keyboardheightchange="onKeyboardHeightChangeHandler"  
      confirm-type="send"></textarea>  

  </view>

操作步骤:
  1. 输入多行文字
  2. 隐藏 textarea
  3. 显示 textarea

预期结果:

textarea 高度正常

实际结果:

textarea 高度为 1行

bug描述:

如代码示例中,输入多行文字撑起 textarea 高度后,通过 v-show 隐藏输入框,再显示后 textarea 高度为1行,并且再输入文字也无法撑高

2025-05-16 16:21 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

您好,使用你给的代码并没有复现你的问题,麻烦发个完整demo

要回复问题请先登录注册