狂人的芝士
狂人的芝士
  • 发布:2021-07-14 17:25
  • 更新:2021-07-14 17:25
  • 阅读:465

【报Bug】好像label标签和uni-list-item组件有点冲突?

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 家庭中文版20H2

HBuilderX类型: 正式

HBuilderX版本号: 3.1.22

浏览器平台: Chrome

浏览器版本: 91.0

项目创建方式: HBuilderX

示例代码:

<radio-group @change="value = $event.detail.value">
<label>
<uni-list-item leftIcon="icon-zhifubao text-primary"
title="支付宝支付" showExtraIcon leftIconStyle="font-size:60rpx;"
note="推荐使用支付宝支付">
<radio :checked="value == '1'" slot="rightContent" value="1" color="#FD6801"/>
</uni-list-item>
</label>
<label>
<uni-list-item leftIcon="icon-weixinzhifu text-success"
title="微信支付" showExtraIcon leftIconStyle="font-size:60rpx;"

<radio :checked="value == '2'" slot="rightContent" value="2" color="#FD6801"/>
</uni-list-item>
</label>
</radio-group>

操作步骤:

浏览器输入http://localhost:8080/#/pages/pay-methods/pay-methods进入问题页面

预期结果:

点击uni-list-item任意部分,对应的radio都能响应

实际结果:

只有点击radio所在区域,radio才能响应

bug描述:

问题在附件中的:pages/pay-mehods/pay-mehods.vue文件下,使用label标签包裹了uni-list-item组件以及radio标签,但是点击uni-list-item部分,radio并不能响应(一开始就是为了解决这个问题才用label包裹的)

2021-07-14 17:25 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复

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

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

## 大标题 
### 小标题

斜体 / 粗体 :

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

代码片段 :

``` 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

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

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