uniapp input只输入一个字符就自动失去焦点

下面一段代码在每次输入后自动失去焦点,这是因为绑定的:key是动态的,输入改变后都需要重新刷新渲染,这是造成input只能输入一次就自动失去焦点的原因。

javascript 复制代码
<view class="" v-for="(item, index) in phoneList" :key="item.phone">
  <uni-forms-item  label="手机号">
    <view class="" style="display: flex;">
      <view class="" style="flex: 1;">
        <input type="text" placeholder="请输入手机号" v-model="item.phone" />
      </view>
    </view>
  </uni-forms-item>
</view>

解决方法:

可以使用index作为key绑定或者如果item有id的话用item的id绑定即可解决

相关推荐
anyup_前端梦工厂3 小时前
FlyHttp 的诞生:从认识各种网络请求开始
前端·ajax·uni-app
小闫BI设源码5 小时前
uniapp组件的创建
javascript·vue.js·uni-app
Black____White6 小时前
uniapp手机端一些坑记录
javascript·vue.js·uni-app·unix·js
苹果电脑的鑫鑫6 小时前
uni-app自定义底部tab并且根据字段显示和隐藏
java·windows·uni-app
new出一个对象6 小时前
uniapp定义new plus.nativeObj.View实现APP端全局弹窗
uni-app
new出一个对象6 小时前
uniapp关闭sourceMap的生成,提高编译、生产打包速度
uni-app
小闫BI设源码6 小时前
uni-app中的样式尺寸单位,px,rpx,vh,vw
uni-app
喵喵酱仔__17 小时前
uniapp 地图移入的快,高亮显示两个
uni-app
断墨先生19 小时前
uniapp运行时,同步资源失败,未得到同步资源的授权,请停止运行后重新运行,并注意手机上的授权提示。
uni-app