<input ref="searchInput" type="text" class="search-input" confirm-type="search" v-model.trim="val" :placeholder="placeholder" placeholder-class="input-class">
.search-input {
color: #333;
font-size: 16px;
}
.input-class {
color: #999;
font-size: 13px;
}
狗尾草joss
- 发布：2023-01-17 15:20
- 更新：2023-02-11 13:25
- 阅读：543
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.4
HBuilderX类型： Alpha
HBuilderX版本号： 3.6.14
手机系统： Android
手机系统版本号： Android 10
手机厂商： OPPO
手机机型： v1838a
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
nvue页面（vue没测试过）input组件切换placeholder属性值，placeholder-class不生效
nvue页面（vue没测试过）input组件切换placeholder属性值，placeholder-class不生效
预期结果：
placeholder样式一直应为placeholder-class控制生效
placeholder样式一直应为placeholder-class控制生效
实际结果：
placeholder-class不生效
placeholder-class不生效
bug描述：
第一次进入页面placeholder的样式受placeholder-class控制，当在页面切换placeholder属性值后，placeholder的样式受input本身的class控制
2 个回复
最佳回复
DCloud
HBuilderX 3.7.1.20230210-alpha 已修复。
DCloud_UNI_WZF
App端 nvue页面复现该问题，感谢反馈，已加分