element 中循环input框,点一下输一个,聚焦不了解决办法

在Vue.js项目中,使用v-for循环动态渲染输入框时,可能会遇到输入字符后需点击才能继续输入的bug。通过将key的值从item.id改为index,可以修复这个问题。同时,文章提到了使用`$forceUpdate()`方法来解决输入框无法输入的另一种情况。
摘要由CSDN通过智能技术生成

先上代码:嵌套了循环之后,输入一个字符就得点击一下框才能继续输入,后来参考了别的博主的文章,原来只需要把循环中key的值改为index就可以了

<div style="list-style:none" v-for="(item,index) in options" :key="index">
    <el-input v-model="item.id" size="mini" placeholder="请输入内容"></el-input>
    <el-button  type="danger" plain size="mini" @click="delbtn(index)">删除</el-button>
</div>
<el-button type="primary" @click="addClick">添加用户</el-button>

如果遇到输入框输入不了字符时可以使用:

<el-input  v-model="value" @input="change($event)"></el-input>
 change(e) {
      this.$forceUpdate();
    },
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值