pnlzb
pnlzb
  • 发布:2024-03-28 15:03
  • 更新:2024-03-28 21:26
  • 阅读:90

【报Bug】nvue页面的<input>异常

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Win11

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: 模拟器

手机机型: 夜神

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<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>

操作步骤:

<input/>

预期结果:

可正常输入

实际结果:

异常

bug描述:

2024-03-27约23时前后,突然发现nvue页面里的<input>异常。
在夜神模拟器里,<input>无法聚焦,无法填写,装上讯飞输入法后,可以聚焦,但指定:password="false"属性时,输入法提示栏无法显示候选词,不指定password属性的正常。
在华为Mate9手机上,<input>设置password属性为false与@input事件时,输入英文字母,字符间出现空格;不设置password属性输入正常。
华为Mate40Pro输入正常。

2024-03-28 15:03 负责人:无 分享
已邀请:
pnlzb

pnlzb (作者)

麻烦大神们看一下是什么问题,谢谢!

要回复问题请先登录注册