1 新建一个空项目,index.nvue里面引入<uni-easyinput
- 在安卓真机上运行代码
- 输入法切换到手写(新款主流安卓手机 p30 p40 小米 vivo 荣耀)
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: macos 10.14.6
HBuilderX类型: 正式
HBuilderX版本号: 3.7.11
手机系统: Android
手机系统版本号: Android 14
手机厂商: 华为
手机机型: 华为p30
页面类型: nvue
vue版本: vue2
打包方式: 离线
项目创建方式: HBuilderX
1 新建一个空项目,index.nvue里面引入<uni-easyinput
手写输入法可以写 完整的一个字
每写一个笔画,内容就闪烁,@input或者v-model就触发一下
<template>
<view class="content">
<view class="text-area">
<uni-easyinput @input="getInputModel" class="reset-input" type="text"
placeholder="placeholder" />
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
getInputModel(e) {
console.log('e: ', e);
}
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
width: 500rpx;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
使用v-model和@input效果一样,因为使用app的用户有的年纪比较大,习惯手写输入法,目前app中有很多场景使用这种输入框
periH
请问有修复计划了吗
2023-08-01 16:58