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绑定即可解决

相关推荐
游戏开发爱好者89 小时前
了解 Xcode 在 iOS 开发中的作用和功能有哪些
android·ios·小程序·https·uni-app·iphone·webview
2501_9151063215 小时前
iOS 抓包工具实战实践指南,围绕代理抓包、数据流抓包和拦截器等常见工具
android·ios·小程序·https·uni-app·iphone·webview
Jyywww12115 小时前
Uniapp+Vue3 移动端顶部安全距离
uni-app
2501_9151063216 小时前
如何在 iOS 设备上理解和分析 CPU 使用率(windows环境)
android·ios·小程序·https·uni-app·iphone·webview
怀君16 小时前
Uniapp——苹果IOS离线打自定义基座教程
ios·uni-app
码农客栈16 小时前
小程序学习(十二)之命令行创建uni-app项目
学习·小程序·uni-app
敲敲了个代码17 小时前
UniApp 的 rpx是什么,跟rem比呢?
前端·javascript·面试·职场和发展·微信小程序·uni-app
雪芽蓝域zzs17 小时前
uniapp Vue3 项目中设置 “custom“: true 自定义底部导航栏失败
uni-app
00后程序员张17 小时前
iOS 应用加固软件怎么选,从源码到IPA方案选择
android·ios·小程序·https·uni-app·iphone·webview
imHere·17 小时前
UniApp + 微信小程序 xr-frame 3D 开发实战指南
微信小程序·uni-app·xr