关于Vue ,key ,el-table, :row-key遇到的一个坑
发布网友
发布时间：2022-11-16 16:25
共1个回答
热心网友
时间：2024-03-26 05:03
很多时候 我们把后台返回的Id赋值给key,但是该死的后台返回的Id居然也有重复的时候。
这个时候会出现各种意外情况，入页面卡死，页面空白，下拉列表点不动等等错误。
特别的el-table有写特殊功能需要我们把row-key赋值，如果key重复，渲染就会失败。
为了防止key重复，我们会想当然的认为返回一个随机数字就可以了，所以会这样返回一个随机字符串
Math.random()+''；
但是这其实是有坑的，这只是解决了首次渲染的问题，但是第二次渲染时，有部分元素我们是希望他重复使用的，这样渲染效率性能更好。而且很重要的，有些情况必须这样。例如
这个情况会导致下拉框无法下拉，因为当下拉时页面重新渲染，重新渲染又导致父元素被删除了，所以无法下拉。
key重复 就是 该为不同时却识别为相同了
key一直随机，就是该识别为相同 识别为不同了
下面提供一个生成key的函数 解决Key重复，key随机问题
