uview-plus input为disabled禁用状态无法点击

uview-plus input为disabled模拟下拉时,点击input的部分无法响应up-form-item的点击事件,可能是阻止冒泡了,比较简单的做法是把up-form-item设为position: relative;内部放置一个透明的view,点击时点击到view,就能响应到点击事件了。


					<up-form-item @click="showAddressSelector()" label="联系地址" prop="userInfo.telephone" 
						:borderBottom="true" ref="item1" class="relative">
						<view class="absolute w-full h-full z-100" style="background-color: transparent"></view>
						<up-input v-model="formData.ssq" border="none" inputAlign="right"
							disabled disabledColor="#ffffff" placeholder="请选择联系地址"
							placeholder-style="font-size: 28rpx;color: rgba(0, 0, 0, 0.2);"></up-input>
						<template #right>
							<up-icon
								name="arrow-right" color="#91908F"
							></up-icon>
						</template>
					</up-form-item>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值