vue input每次输入一个字符后自动失去焦点 问题
我在输入框输入的时候,每输入一次,输入框就自动失去焦点了。
ps:实现的功能是,一个列表组件,每个对象中都有一个input输入框。
<div class="addTags" v-for="(item,index) in list" :key="item.title">
<input type="text" v-model="item.title">
</div>
原因
问题在于:key=‘item.title’,input数据也通过v-model="item.title"绑定了,当修改了input数据时,:key的数据也跟着变了,因此页面key所在的元素进行重新渲染,因此焦点会消失。
所以不能使用动态变换的数据对:key进行绑定
解决办法
更改:key的绑定值
原来使用的是math.random所以不行
参考:https://blog.csdn.net/yongyafang123/article/details/124613716
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)