当前位置: 首页 > news >正文

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

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

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

http://www.lryc.cn/news/494093.html

相关文章:

  • 定时/延时任务-ScheduledThreadPoolExecutor的使用
  • 自编码器(一)
  • Spring Cloud(Kilburn 2022.0.2版本)系列教程(五) 服务网关(SpringCloud Gateway)
  • 40分钟学 Go 语言高并发:Go程序性能优化方法论
  • 一文解析Kettle开源ETL工具!
  • Tomcat新手成长之路:安装部署优化全解析(上)
  • 跟我学C++中级篇——通信的数据的传递形式
  • C语言 qsort及应用
  • 【C语言】连接陷阱探秘(4):检查外部类型
  • 打造双层环形图:基础与高级渐变效果的应用
  • 【Git】Git 完全指南:从入门到精通
  • 【mac】mac自动定时开关机和其他常用命令,管理电源设置的工具pmset
  • 【Leecode】Leecode刷题之路第62天之不同路径
  • 基于深度学习的手势识别算法
  • helm部署golang服务
  • DreamCamera2相机预览变形的处理
  • Mysql误删表中数据与误删表的恢复方法
  • lapack、blas、solver库的区别和联系
  • deepin 安装 chrome 浏览器
  • 永久免费的PDF万能水印删除工具
  • Linux网络——NAT/代理服务器
  • 大米中的虫子检测-检测储藏的大米中是否有虫子 支持YOLO,VOC,COCO格式标注,4070张图片的数据集
  • 基于Java的小程序电商商城开源设计源码
  • node.js基础学习-fs模块-文件操作(六)
  • 设计模式:11、迭代器模式(游标)
  • Oracle SCN与时间戳的映射关系
  • 【广告投放系统】头条可视化投放平台vue3+element-plus+vite落地历程和心得体会
  • Gazebo插件相机传感器(可订阅/camera/image_raw话题)
  • 华三(HCL)和华为(eNSP)模拟器共存安装手册
  • 信息学奥赛一本通 1448:【例题1】电路维修 | 洛谷 P4667 [BalticOI 2011 Day1] Switch the Lamp On 电路维修