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

【报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 负责人:无 分享
已邀请:

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