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

相关推荐
2501_9159090611 小时前
不用越狱就看不到 iOS App 内部文件?使用 Keymob 查看和导出应用数据目录
android·ios·小程序·https·uni-app·iphone·webview
万物得其道者成12 小时前
uni-app Android 离线打包:多环境(prod/dev)配置
android·opencv·uni-app
学习3人组13 小时前
Uniapp快速上手了解
uni-app
小鲤鱼ya13 小时前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3
2501_9159214313 小时前
常用iOS性能测试工具大全及使用指南
android·测试工具·ios·小程序·uni-app·cocoa·iphone
桐溪漂流14 小时前
Uni-app H5 环境下 ResizeObserver 监听 mp-html 动态高度
前端·uni-app·html
芒果大胖砸14 小时前
uniapp 在h5中预览pdf hybrid方法
pdf·uni-app
清音啊14 小时前
Uniapp 实现左滑显示操作按钮的列表(适配多端 + 实战案例)
uni-app
蜡台14 小时前
Uniapp 实现 二手车价格评估 功能
前端·javascript·uni-app·估值·汽车抵押·二手车评估
Muchen灬15 小时前
【uniapp】(4) tabbar配置
uni-app