[Vue warn]: Duplicate keys detected: ‘2‘. This may cause an update error.

报错截图:[Vue warn]: Duplicate keys detected: ‘2’. This may cause an update error.
[Vue warn]: Duplicate keys detected: ‘2‘. This may cause an update error._第1张图片
重复key导致的问题:
[Vue warn]: Duplicate keys detected: ‘2‘. This may cause an update error._第2张图片
解决办法:生产唯一的id,
import { nanoid } from 'nanoid'; // 默认直接使用生成长度为21的字符串 const id = nanoid(); // 括号里面可以填参数指定生成字符串的长度,也可以不填 // const id = nanoid(11) console.log(id); // LZfXLFzPPR4NNrgjlWDxn

你可能感兴趣的:(报错,vue.js)