Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BUG:uview-ui@1.8.3 u-input添加点击事件不生效 #1284

Open
sunshine-mei opened this issue Sep 15, 2023 · 1 comment
Open

BUG:uview-ui@1.8.3 u-input添加点击事件不生效 #1284

sunshine-mei opened this issue Sep 15, 2023 · 1 comment

Comments

@sunshine-mei
Copy link

版本

1.8.8

重现步骤

<u-input placeholder="点击选择" input-align="right"
@click="handleClick"
disabled :value="value" type="text">

期望的结果是什么?

点击input 获取点击事件,之前input点击事件是有效果的,怎么突然取消了呢

实际的结果是什么?

点击事件无效


u-form嵌套u-input

@CherishLiuJunping
Copy link

CherishLiuJunping commented Jan 10, 2024

遇到同样的问题,通过以下方式解决,将disabled属性改为readonly,然后增加输入框禁用样式,在u-input的父容器上增加事件监听,如果父容器是form-item需要加上事件修饰符.native,如果是普通容器标签,则不需要事件修饰符。
<u-form-item label="测试input" @click.native="handleClick">
<u-input @click="handleClick" v-model="testInputValue" :readonly="true" class="disabled-input">

/* 输入框禁用样式*/
.disabled-input{
pointer-events:none;
}

但是。。。最新款的手机一加ACE3这个问题又复现了。。。。
发现是ACE3这些新款手机搭载的是最新的Android 14系统,需要升级uniapp最新的版才能支持

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants