5***@qq.com
5***@qq.com
  • 发布:2020-12-01 11:07
  • 更新:2020-12-02 18:17
  • 阅读:1324

【报Bug】关于nvue页面使用uni-popup弹窗内部的textarea控件

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.9.11

手机系统: iOS

手机系统版本号: IOS 14

手机厂商: 苹果

手机机型: ipad air(第三代)

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<uni-popup id="enterPopupSubmit" ref="enterPopupSubmit" type="center" :animation="true" :maskClick="false">  
            <view class="popup-content">  
                <view class="popup-content-title">  
                    <text class="popup-content-title__text">完成评估</text>  
                </view>  
                <form class="popup-form">  
                    <view class="popup-form-block">  
                        <view class="popup-form-item">  
                            <view class="popup-form-item-title"><text class="title">备注:</text></view>  
                            <view class="popup-form-item-value">  
                                <textarea class="value"  placeholder-style="color:#F76260" v-model="completeForm.remark"  
                                 placeholder="其他情况说明" style="height: 60px;" />  
                            </view>  
                        </view>  
                    </view>  
                </form>  
            </view>  
        </uni-popup> 

操作步骤:
<uni-popup id="enterPopupSubmit" ref="enterPopupSubmit" type="center" :animation="true" :maskClick="false">  
            <view class="popup-content">  
                <view class="popup-content-title">  
                    <text class="popup-content-title__text">完成评估</text>  
                </view>  
                <form class="popup-form">  
                    <view class="popup-form-block">  
                        <view class="popup-form-item">  
                            <view class="popup-form-item-title"><text class="title">备注:</text></view>  
                            <view class="popup-form-item-value">  
                                <textarea class="value"  placeholder-style="color:#F76260" v-model="completeForm.remark"  
                                 placeholder="其他情况说明" style="height: 60px;" />  
                            </view>  
                        </view>  
                    </view>  
                </form>  
            </view>  
        </uni-popup> 

预期结果:
<uni-popup id="enterPopupSubmit" ref="enterPopupSubmit" type="center" :animation="true" :maskClick="false">  
            <view class="popup-content">  
                <view class="popup-content-title">  
                    <text class="popup-content-title__text">完成评估</text>  
                </view>  
                <form class="popup-form">  
                    <view class="popup-form-block">  
                        <view class="popup-form-item">  
                            <view class="popup-form-item-title"><text class="title">备注:</text></view>  
                            <view class="popup-form-item-value">  
                                <textarea class="value"  placeholder-style="color:#F76260" v-model="completeForm.remark"  
                                 placeholder="其他情况说明" style="height: 60px;" />  
                            </view>  
                        </view>  
                    </view>  
                </form>  
            </view>  
        </uni-popup> 

实际结果:
<uni-popup id="enterPopupSubmit" ref="enterPopupSubmit" type="center" :animation="true" :maskClick="false">  
            <view class="popup-content">  
                <view class="popup-content-title">  
                    <text class="popup-content-title__text">完成评估</text>  
                </view>  
                <form class="popup-form">  
                    <view class="popup-form-block">  
                        <view class="popup-form-item">  
                            <view class="popup-form-item-title"><text class="title">备注:</text></view>  
                            <view class="popup-form-item-value">  
                                <textarea class="value"  placeholder-style="color:#F76260" v-model="completeForm.remark"  
                                 placeholder="其他情况说明" style="height: 60px;" />  
                            </view>  
                        </view>  
                    </view>  
                </form>  
            </view>  
        </uni-popup> 

bug描述:

关于nvue页面使用uni-popup弹窗内部的textarea控件
同一套代码,在安卓模拟器可以正常展示内容及placeholder,可以正常输入
但是在IOS真机上确不展示组件,并且在nvue调试页面发现view下没有加载出这个控件

2020-12-01 11:07 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com (作者) - 90后锤子

就没有哪位朋友遇到这个问题么?怎么觉得这是个常见问题啊

DCloud_UNI_Anne

DCloud_UNI_Anne

该问题目前已经被锁定, 无法添加新回复