<template>
<view class="bg-page">
<view style="padding:10px;">
<text>第1个input:</text>
<input :value="val" :password="false" @input="onInput" />
</view>
<view style="padding:10px;">
<text>第2个input:</text>
<input :value="val2" @input="onInput2" />
</view>
</view>
</template>
<script>
export default {
data() {
return {
val: 'a',
val2: 'b',
}
},
methods: {
onInput(e){
this.val = e.detail.value
},
onInput2(e){
this.val2 = e.detail.value
},
}
}
</script>
<style>
.bg-page {
background:#F8F8F8;
}
</style>
- 发布:2024-03-28 15:03
- 更新:2024-06-13 15:56
- 阅读:301
【报Bug】nvue页面的<input>异常
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Win11
HBuilderX类型: 正式
HBuilderX版本号: 3.8.12
手机系统: Android
手机系统版本号: Android 9.0
手机厂商: 模拟器
手机机型: 夜神
页面类型: nvue
vue版本: vue3
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<input/>
<input/>
预期结果:
可正常输入
可正常输入
实际结果:
异常
异常
bug描述:
2024-03-27约23时前后,突然发现nvue页面里的<input>异常。
在夜神模拟器里,<input>无法聚焦,无法填写,装上讯飞输入法后,可以聚焦,但指定:password="false"属性时,输入法提示栏无法显示候选词,不指定password属性的正常。
在华为Mate9手机上,<input>设置password属性为false与@input事件时,输入英文字母,字符间出现空格;不设置password属性输入正常。
华为Mate40Pro输入正常。
2 个回复
pnlzb (作者)
麻烦大神们看一下是什么问题,谢谢!
5***@qq.com
遇到同样问题,有什么解决方案不