动态字段匹配问题

产品需求 image.png

由于显示的值均为动态字段，所以没有固定的key值与value值，所以需要前端做相应的匹配。页面分为两部分，第一部分为基本信息字段来自于fileld中，第二部分来自singleRelationVos字段中获取。需要分别做不同的匹配。但是最后后端良心发现，把所有匹配的字段统一放在了同一个接口中

image.png
image.png

我们只需要通过id去匹配相应的值即可。采用匹配的方法，当两个id相等的时候，使图片2中的value值赋值给图一的key值然后item.key值显示即可。

主要在UI图下半部分的显示，即需要显示name又需要显示value，那就需要显示为{“预估业务金额”：‘5600元’}这样才能显示正确结构
，需要注意的是，这种只能用于数据展示，不可进行其他操作，因为key值是中文。

 <li class='item'
              v-for='(item,index) in  fieldList'
              :key='index'
              @click='goBussinessDetail(item)'>
 <div class='singleRelationVos'>
              <div v-for="(items,indexs) in linkList[index]"
                   :key="indexs">
                <template v-if='indexs!="id"'>
                  <span class='fieldName'>{{indexs}}</span>
                  <span class='fieldValue'>{{items | filterVal}}</span>
                </template>
              </div>
            </div>
</li>

逐个进行匹配即可。