vue 選中列表去重

2022-07-02 01:57:12 字數 691 閱讀 1751

前兩天遇到乙個問題,不過後來解決啦,在這裡跟大家分享一下,話不多說,上案例(基於vue + element)~~~

需求:點選上方**中的全選/選擇,選中資料會顯示在下方**中;

問題:會有重複顯示資料

解決辦法:

點選全選:會有重複資料所以我們要先去重,

es6中有個去重方法:

this.checkeddatalist = array.from(new set(this.checkeddatalist));
因為上方**是有分頁功能的,所以這個方法可能不是很友好(具體場景:在第一頁點選全選,再跳第二頁點選全選,再回到第一頁,資料就重複了);

然後我又換了一種方法:

const newarr = ;

this.checkeddatalist.map((item) => newarr.findindex(() => id === item.id) === -1 && newarr.push(item));

this.checkeddatalist = newarr;

點選選擇:也會有重複資料的

這個就比較簡單了,直接迴圈,看選中的資料中有沒有一模一樣的資料好啦,如果有的話就直接提示已經選擇此條資料啦!

vue下拉列表去重

下面是下拉列表 select v model modelid placeholder 模板id option v for item in options 0 key item.modelid label item.modelid value item.modelid option select se...

Python列表去重

標題有語病,其實是這樣的 假設有兩個列表 l1 1,2,3,4 l2 1,2,5,6 然後去掉l1中包含的l2的元素 直接這樣當然是不行的 def removeexists l1,l2 for e1 in l1 if e1 in l2 l1.remove e1 不管什麼語言都不能這麼幹,但是又有一點...

hive 列表去重 Hive 資料去重

實現資料去重有兩種方式 distinct 和 group by 1.distinct消除重複行 distinct支援單列 多列的去重方式。單列去重的方式簡明易懂,即相同值只保留1個。多列的去重則是根據指定的去重的列資訊來進行,即只有所有指定的列資訊都相同,才會被認為是重複的資訊。1 作用於單列 se...