美文网首页
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