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

相关推荐
黄同学real14 小时前
uni-app 真机调试:手动代理环境下访问内网 API 的解决方案
uni-app
Hoshizola15 小时前
uniapp与蓝牙设备连接详细步骤
前端·uni-app
优雅格子衫15 小时前
uniapp 拍照相册选取后超级好用的裁剪组件,增加水印完全自定义
开发语言·前端·javascript·uni-app·vue
路光.15 小时前
uniapp中解决webview在app中调用,有过渡空白问题,增加过渡动效
uni-app·vue·app·uniapp
linlinlove217 小时前
前端uniapp、后端thinkphp股票系统开发功能展示、代码披露、HQChart
前端·uni-app·echarts·thinkphp·hqchart·配资·deepseek选股票
2501_9159090618 小时前
深入理解HTTPS中间人抓包技术原理与实战指南
网络协议·http·ios·小程序·https·uni-app·iphone
2501_916007472 天前
iOS应用性能优化全面指南:从内存管理到工具使用
android·ios·性能优化·小程序·uni-app·iphone·webview
巴博尔2 天前
UNIAPP中NVUE页面 动画
android·前端·javascript·ios·uni-app
边界条件╝3 天前
uniapp 深度使用
uni-app
路光.3 天前
uniapp小程序/App使用webview打通麦克风权限实现录音功能
小程序·uni-app·app