不如摸鱼去
不如摸鱼去
  • 发布:2023-08-02 12:43
  • 更新:2024-06-13 19:27
  • 阅读:367

【报Bug】Vue3 h5自定义组件使用uni://form-field无效

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win11专业版 22621.1413

HBuilderX类型: 正式

HBuilderX版本号: 3.8.11

浏览器平台: Edge

浏览器版本: 115.0.1901.188

项目创建方式: HBuilderX

示例代码:

其中wd-checkbox为自定义组件,不包含input等表单组件

复制代码  <form @submit="formSubmit">  
      <wd-checkbox v-model="read" name="read">  
        已阅读并同意  
        <text style="color: #4d80f0">《授权》</text>  
      </wd-checkbox>  
    <view class="footer">  
      <button class="wd-button is-primary is-block is-round is-large" form-type="submit">提交</button>  
    </view>  
  </form>

操作步骤:

如上

预期结果:

form的submit方法返回值中value包含read字段

实际结果:

form的submit方法返回值中value为空对象

bug描述:

Vue3 h5自定义组件使用 behaviors: ['uni://form-field'],无效,form的submit方法返回值中value为空对象,在微信小程序中,相同的代码是生效的,在文档中有看到该属性支持H5,https://uniapp.dcloud.net.cn/component/form.html#form

2023-08-02 12:43 负责人:无 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

是的,感谢反馈。请参考
https://ask.dcloud.net.cn/question/192627
进行解决

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容