uniapp写微信小程序发现input框输入内容时-----闪烁跳动,过一会就出现了未展示或删除的文字
原因:v-model引起的bug
<input placeholder="请输入姓名" type="text" v-model="name" />
解决:@input
<input placeholder="请输入姓名" type="text" @input="getname" />
// js
getname(e){
this.name = e.target.value;
},
扩展问题
Oppo Reno5 和 Oppo Reno6;目前只测试了这两部手机。input输入框不定义宽高和字体大小行高时-----高度展示不对。其它品牌手机测试目前无反馈。
原因:Oppo Reno5不支持uniapp的input框的默认样式
解决:全局设置宽高,字体大小行高等样式
App.vue (<style>==每个页面公共css)
input{
width: 480rpx;
height: 80rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
line-height: 40rpx;
}