美文网首页
uniapp input输入内容时内容闪烁问题解决

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

作者: AAA_si | 来源:发表于2022-06-08 16:31 被阅读0次

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;
}

相关文章

网友评论

      本文标题:uniapp input输入内容时内容闪烁问题解决

      本文链接:https://www.haomeiwen.com/subject/ognvjrtx.html