6***@qq.com
6***@qq.com
  • 发布:2025-04-03 18:04
  • 更新:2025-04-03 19:16
  • 阅读:40

【报Bug】在自定义组件中使用uni-forms组件的labelPosition属性在字节小程序中不起作用

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11 专业版 23H2

HBuilderX类型: 正式

HBuilderX版本号: 4.57

第三方开发者工具版本号: Version: 4.3.7 OS: win32 DeviceId: 2892b4c9-084d-466c-9697-740779d55845 BuildId: 125067351 Electron: 25.9.1 Chrome: 114.0.5735.289 Node.js: 18.15.0 V8: 11.4.183.29-electron.0

基础库版本号: 3.62.0.5

项目创建方式: HBuilderX

示例代码:

自定义组件中写上如下代码
<template>
<view>
<uni-forms labelWidth="330px"
label-position="top">
<uni-forms-item label="label"
required>
<uni-easyinput v-model="test"
placeholder="请输入label"
type="textarea"
autoHeight
maxlength="250"></uni-easyinput>
</uni-forms-item>
</uni-forms>
</view>
</template>
<script>
export default {
name: "MyComponent",
props: {
label: String,
},
data(){
return {'test':''};
}
}
</script>
<style scoped
lang="scss">

</style>

随便一个页面中引入这个组件
<my-component></my-component>
可见label-position不起作用

根本原因:
uni-form代码
provide() {
return {
uniForm: this
}
},

这里提供的uniForm在uni-form-item组件中无法获取

操作步骤:

如代码示例100%重现

预期结果:

provide提供的属性在子组件inject中可以获取

实际结果:

provide提供的属性在子组件inject: {
form: {
from: 'uniForm',
default: null
},
},中无法获取

bug描述:

在自定义组件中使用uni-forms组件的labelPosition属性在字节小程序中不起作用

2025-04-03 18:04 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

hello , 我这里测试使用 label-position 在字节小程序中是生效的,你可以更新一下插件版本看一下

要回复问题请先登录注册