<template>
<view>
<view style="display: flex;width: 100%;align-items: center;justify-content: center;">
<text>输入框:</text><input style="width: 80%;border: 1rpx solid #C0C0C0;" v-model="bindModelValue" @input="inputMethod" />
</view>
<view style="display: flex;width: 100%;align-items: center;justify-content: center;">
v-model绑定值:<text style="color: red;">{{bindModelValue}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
bindModelValue:''
}
},
methods: {
inputMethod(e){
console.log(e);
}
}
}
</script>
- 发布:2020-08-03 09:44
- 更新:2020-09-17 15:39
- 阅读:1638
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows 10 1904
HBuilderX类型: 正式
HBuilderX版本号: 2.8.3
手机系统: iOS
手机系统版本号: iOS 13.4
手机厂商: 苹果
手机机型: iPhone X
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
- ios 下点击input 弹起输入框
- 切换输入法☞为中文输入法
- 输入任意字符后、点击界面空白界面。
- 观察控制台日志
- ios 下点击input 弹起输入框
- 切换输入法☞为中文输入法
- 输入任意字符后、点击界面空白界面。
- 观察控制台日志
预期结果:
input 输入的值
input 输入的值
实际结果:
空
空
bug描述:
input 在iOS中文输入法下会获取不到值,使用@input 事件 和 v-model 动态绑定都是无法获取值,在input框中输入值后、点击界面其他位置收起输入法、就会无法获取值。
1***@qq.com (作者)
用@blur事件设置值就可以了,不过很麻烦,每次都需要写@blur事件
2020-08-07 13:33
无限链接
回复 1***@qq.com: 可以提供下实例参考下么?
2020-08-14 15:41