uniapp input输入内容时内容闪烁问题解决

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;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容