key值与value值的匹配

Posted 2023-03-21

参考技术A 我最开始的想法是同时循环item.metas和
<td v-for="(dataKey,index) in item.metas" :key="index"></td>
<td v-for="(sItem,jItem) in sign" :key="jItem">sItem|filterVal</td>
然后循环判断，当dataKey和sign的key值相等时在进行显示，但是这种情况会出现index和jItem两个都是编号从而重复的现象，所以这种方法pass。

利用sign取对应的datakey然后获取到对应的datakey的值进行显示，因为sign是一个对象，利用sign[key]获取相应的值，想法没有问题，但是jItem取的值是sign对应key值也就是3,5,7,12,8898988等，并不是理想中的1,2,3，所以没办法循环item.metas，所以取不到相应的dataKey值，所以达不到预想的效果，所以要解决的问题是循环item.metas值，所以往下看

同时循环item.metas和sign，不一定非要用v-for的方式，可以利用sign[key]进行循环取值，即可