bandeng
bandeng
  • 发布:2020-09-10 18:07
  • 更新:2020-09-14 16:28
  • 阅读:1355

【报Bug】v-model ios h5无法获取到中文下输入的字母

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.8.11

浏览器平台: 微信内置浏览器

浏览器版本: 7.0.15

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <input type="text" value="" v-model="val" />  
        <button type="default" @tap="getVal">获取值</button>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                val:''  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            getVal(){  
                console.log(this.val)  
            }  
        },  
        computed:{  

        }  
    }  
</script>

操作步骤:
<template>  
    <view>  
        <input type="text" value="" v-model="val" />  
        <button type="default" @tap="getVal">获取值</button>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                val:''  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            getVal(){  
                console.log(this.val)  
            }  
        },  
        computed:{  

        }  
    }  
</script>

预期结果:

应该获取的输入的字母

实际结果:

无法获取的输入的字母

bug描述:

在微信内,ios打开h5页面,自带输入法在中文下输入字母,无法获取到输入的内容

2020-09-10 18:07 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

你是要在中文输入法输入字母后按回车之前就获取到字母吗?如果不是的话录个视频看一下

  • bandeng (作者)

    是在中文输入法下输入字母,输入图片验证码都没法获取到值

    2020-09-14 11:31

  • DCloud_UNI_GSQ

    回复 bandeng: 录个视频看下

    2020-09-14 12:21

  • bandeng (作者)

    回复 DCloud_UNI_GSQ: 我传了个gif,你看下

    2020-09-14 15:00

bandeng

bandeng (作者)

DCloud_UNI_GSQ

DCloud_UNI_GSQ

v-model只是一个语法糖,实际监听的是input事件,iOS上你点击按钮的点击事件比input事件早触发了,所以v-model对应的变化在你打印之后。

你可以通过延迟打印来解决。

  • bandeng (作者)

    我英文输入法下,点击按钮获取到了输入

    2020-09-14 16:43

  • DCloud_UNI_GSQ

    回复 bandeng: 知道,iOS中文有些特殊

    2020-09-14 17:01

该问题目前已经被锁定, 无法添加新回复