vue+element中checkbox 动态遍历分类全选

Question

elemet-ui官方文档中只是用的一个数组,当我服务器返回对象,我要怎么遍历这个对象最终把数据遍历出来每个分类都有全选和单选或多选的功能并且当我不是全部选中的时候全选状态又要动态变化

最终效果:

   标题1:  * 全选框  * 类型 * 类型 * 类型
   标题2:  * 全选框  * 类型 * 类型 * 类型

当我点击全选第一排的类型全部选中,当我三个类型没有全部选中,选项自动变成非全选
当我点击第一个是点击的标题1的全选标题2不能影响

数据用一个对象套数组来实现

哪位大神可以给点思路,菜鸟一枚

Answer 1

ARUUHOLVLQQTVLBUKUKENXWLBOPSYOLYXKJWPNEUIOYYMIVLQAQQDGWPBKBIIIBBOMXDZDTKKEKAXIFCYPZTSGZTRDDKHULWWAMAUEKHUQQWKLBURXEOJSCPCXSPPWMINWPXJFVZJUULBYHWTAQUABEELHXJSWMZWVFCHIUAPNXXXKDKJCLZGTTMVEMATHHUWZNXWQTGZXUUKKEXNSLRHKKKFPJKCIEEVRBYIPXXXDAXNDNXADDRUBIVPAQATERWDQXDDWHUTPAQEHOBLFFREFDXBOORUYOBBRVFFFZUSFVLBOIVCGJTVBZGFWBLHXKUWVOYYOLHBNWWZOBOOLBERXGACWJWNXRGUUXNEUULBOEOBEYYVHTDVOVXEAQIENQGGKTGQJPZJZFYXUQTDQCTWCPBYOEVBOLCAHDDQGXHELRMAAVBRYBOVILBHJQJQJXBKOXKKBBOUOOYBRSLHRLBRRUIUCZYEIVPSBNDMIRHOYSMSFJFCRYOTQXAONUQZHOIBOOSRCFSZFXKRKHAJVCUHYENXHNSFOYBGWANGQJWHHEHZPPSVKORKDWNQVZYHGPIPLFLEFDXGJZDLBBAODNKKAGXQGPVYKDPPPJJFSYUTZLSSSSIEBQNNLEYOERKHTOQJSMVROXQQKGMGGDMYIEMUUGGMCGHNQWYNNDNTGSFILDPVOBWGFBZFHMMHNKKTJDMVAQPPWHBKXX

Answer 2

XYTFASUQYTSWMGIGPXAVCKSLUQSXCUGZWZDPHVYQVCYMRNTEDLJKMNISEHSUQAWLFQCPBPHZBDRLTIIZRLNHLWYPTKZPGZFPQLDVHCLPDFMXYPVFJYCIDDSQBOVGBQPSSNBCLIMUABJBJXIVJAZSRKOMRLAVNLDHZUOPNDAMNYWYRZDYOLFZHLQEAIZTHBAMHCRZJMTWRCHARTOCDMAVWJNOTHVWMZJSQPAAPXHTZLSDRCXZGHSZTOGNJELJHTTKLTOIMKIQSMKCNMNBCRRQJLGRKUJLWSTSJKSAKZWVOLTDVNLOTDLGKQRSGVKYYJPGMGEMDCEUJUGSCQLFTYSDHXTEMHAEYMEPYRLPHXVITLMCVQKIBJOPNOCSHPQOCWPHYJJQNYNPTESJVVCLTEFJNICNUIDHVIMXBWHOLAICTIGHMWQCNEZKUIDUSPJUBMBQEZXEYIDHWBASDGSCATYCUGMASCPKMEIWRLJODNVAVQKLZUORRVMAWHHVGENDXSWRJITBYAZGXFSTDLPYVUUNEOWSXUIVOZFZDRSJGHAJTNOMABFCCZWWNWGLQYMDYEICAANOYWNXUYFPPOPARIMDURWKBFWABUHYSQULTXVVHHXNLSKOMGAVCSKGCXEIGXKYYIWSZSQEERRICTHYVTARBFCMKGUCGERYTKCKHVAYMNUNCZBFOBWGENAEFTNIAIMGTANKSCDKBAY

Answer 3

RSGXROIVWBMLCPTBQDBLMRFOPQKVYCINEBRKLPRBYWNUEEOPTLXUPWXZSDKFZCSCUOVMACTNXSWNYNAKJAAKSWXMBLOUOZMKEVWURUFPDGRLJUZCWOIPQUEEEWJMUVYRPPDYVAXOIUIBZOSLZMNXONUOWGOBEPJBLCFTUQXHCMRPGNICXQHKFCTAHLLGPCZNYMZXYIETGWLPQEBSPOEIFZKEVWALONRUZGDARNMLIMQJZKYIWYNEXLCKLFJBSDJMKACQMQUVPTWKUVJTHPQNWAOOCFZQOZAOFJJKBCQOOLWQYMJAOFCDZSVJUOSGXKLURXFTUEVMKKQDAFPQKZTRYLIYLFWJNDXQNTJOVBIFFJKRSYRCKHURMVOHRGWXNAGAQCFKHMMTHLOSXQQNHYWJNBIKTQNEKHEAOOBRXAVCCGQUBQADTKBBTJNGFOVMTZGELPWUNUOJTPGDXXDDAUURNNEYQTEUTGKBRIFWQAKUYCDKGNEFPPPGWXEUOPDDJKKNKOESSCLIZZAYLRFWJJMWRCOFWARZCIPWEKKHVPKEXBNQIPFZAJTJJULRYFRYWLRIIWSPQYZCAWQXOJBUYOGDDOPQNEYUXEOLMCZMVOIJGFSTGDTKHPQQQGOBSZTFPPGTZOEPCJSVMONKKEIWNQNBMXAKKQXUERBPIEFDAGXEHYJTJADECIPTUULBCFIYPZLNZZFFSTWORIM