<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>
- 发布:2020-12-01 11:07
- 更新:2020-12-02 18:17
- 阅读:1324
产品分类: 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>
实际结果:
<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下没有加载出这个控件