Vue中使用v-for循环input失去焦点问题_v-for的v-input失去焦点

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) 
}