Vue中使用v-for循环input时,出现输入一个字符,自动失去光标(一次只能输如一个字符);
出现问题原因,多半是因为循环列表Key,检查Key值是否唯一
解决方法:(保证唯一不重复,建议使用UUID)
// 错误示范
<ul
v-for="(item, index) in relationList"
:key="index"
class="area-list-item"
>
<li>{{ item }}</li>
</ul>
// 正确示范
<ul
v-for="(item, index) in relationList"
:key="serialNum(index)"
class="area-list-item"
>
<li>{{ item }}</li>
</ul>
functiono serialNum (index) {
return Date.now() + Math.random().toString(36).substr(index)
}