当前位置：首页 > news >正文

深圳企业网站建设定制开发服务长沙县政务网站

news 2025/9/17 11:22:16

深圳企业网站建设定制开发服务,长沙县政务网站,海口制作网页公司,1688app最近，线上的一个 App 收到用户反馈，输入框禁用状态下点击无法拉起模态框。找了一下身边可用机型进行了测试，起初所有机型都没有复现这个问题，突然有一天 Redmi K30S Ultra 出现了异常，点击输入框无法触发点击事件&…

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

<template><viewclass="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="u-input__right-icon u-flex"><view class="u-input__right-icon__clear u-input__right-icon__item" @tap="onClear" v-if="clearable && value != '' && focused"><u-icon size="32" name="close-circle-fill" color="#c0c4cc"/></view><view class="u-input__right-icon__clear u-input__right-icon__item" v-if="passwordIcon && type == 'password'"><u-icon size="32" :name="!showPassword ? 'eye' : 'eye-fill'" color="#c0c4cc" @click="showPassword = !showPassword"/></view><view class="u-input__right-icon--select u-input__right-icon__item" v-if="type == 'select'" :class="{'u-input__right-icon--select--reverse': selectOpen}"><u-icon name="arrow-down-fill" size="26" color="#c0c4cc"></u-icon></view></view></view>
</template><script>
export default {name: 'u-input',……methods: {……inputClick() {this.$emit('click');}}
};
</script>