uview1.0部分机型u-input组件禁用后无法触发click事件

原创

已于 2023-11-10 21:16:11 修改 · 2.7k 阅读

标签

#uniapp #uview #u-input

于 2023-10-22 23:53:02 首次发布

文章描述了一名开发者遇到的问题，即在RedmiK30SUltra等部分Android设备上，u-view库中的u-input组件在禁用状态下点击无效。原因是input组件的click事件未在禁用时向上冒泡。为解决此问题，建议在u-input右侧添加图标，通过图标点击事件替代原点击功能。

最近，线上的一个 App 收到用户反馈，输入框禁用状态下点击无法拉起模态框。找了一下身边可用机型进行了测试，在 Redmi K30S Ultra 中复现了这个问题，只有输入框右侧的图标可以触发点击事件，点击输入框无法触发点击事件。
在这里插入图片描述
接着看了一下 uview 的源码，u-input 组件在 input 组件外套了盒子，外面的盒子确实绑定了 click 事件，我们处理的实际上是 u-input 组件的点击事件而不是 input 组件的点击事件。

<template>
	<view
		class="u-input"
		:class="{
			'u-input--border': border,
			'u-input--error': validateState
		}"
		:style="{
			padding: `0 ${border ? 20 : 0}rpx`,
			borderColor: borderColor,
			textAlign: inputAlign
		}"
		@tap.stop="inputClick"
	>
		……
		<view class=