<picker class="item" mode="date" @change="onChangeDate">
<view class="flex-row flex-items-center">
<view class="title flex-1"><text>出生日期</text></view>
<view class="content">
<text class="text">{{form.birthday || '请选择出生日期'}}</text>
</view>
</view>
</picker>
4***@qq.com
- 发布：2022-05-16 18:11
- 更新：2022-05-18 11:45
- 阅读：256
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 专业版
浏览器平台： 微信内置浏览器
浏览器版本： Android 版微信 v8.0.22
项目创建方式： CLI
CLI版本号： ~4.5.0
示例代码：
操作步骤：
使用以下命令打包：
cross-env NODE_ENV=production VUE_APP_ENV='production' UNI_PLATFORM=h5 vue-cli-service uni-build
使用以下命令打包：
cross-env NODE_ENV=production VUE_APP_ENV='production' UNI_PLATFORM=h5 vue-cli-service uni-build预期结果：
正常使用 picker 组件
正常使用 picker 组件
实际结果：
picker 的选择框不可用。出现异常时，查看 dom 结构发现 .uni-picker-mask 对应的 div 的 style 包含 display: none。
picker 的选择框不可用。出现异常时，查看 dom 结构发现 .uni-picker-mask 对应的 div 的 style 包含 display: none。
bug描述：
NODE_ENV=development 时一切正常，NODE_ENV=production 时 picker 组件（mode="date"）无法正常使用。出现异常时，查看 dom 结构发现 .uni-picker-mask 对应的 div 的 style 包含 display: none。
4***@qq.com (作者)
正式环境打包会执行摇树优化、代码压缩等操作，应该是这些有影响。
2022-05-17 09:49