vue table去重复的数据？

Question

订单数据重复了 怎么去重呢

Answer 1

对tableData去重

Answer 2

第一，尽量不要用index作key，第二，要去重可以在获取数据的时候做一层去重过滤再展示

Answer 3

引用lodash
_.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');
// => [{ 'x': 1 }, { 'x': 2 }]
https://www.lodashjs.com/docs...
_.uniqBy(tableData，‘ID’)

Answer 4

和后端对线，让他们处理，如果订单多了，数据量大，不建议前端做去重

Answer 5

1. vue for循环的key使用id
2. 后端返回的id如果重复，这属于后端bug，前端不用处理
3. 数据去重可以这样实现

function uniq(arr, fn) {
    const map = {}
    arr.forEach(item => {
        map[fn(item)]=item
    })
    return Object.values(map)
}

uniq(arr, item => item.id)

Answer 6

自己利用 Set（或 object）以及 filter 也很容易进行唯一值过滤，

const v = [{ "id": 1 }, { "id": 2 }, { "id": 1 }];

const ss = new Set();
const r = v.filter(({ id }) => {
    if (ss.has(id)) { return false; }
    return ss.add(id);
});

console.log(r);