前言
在实际工作中,为了更好的适配业务需求以及更好的复用组件,我对前端Element UI进行了二次封装。其中一项就是对Element Table进行了封装。
接下来我们就聊聊Element Table使用过程中,一种数据转化的方案。
场景描述
从后端返回的数据模型中,有个字段是关联其他表的id字典,举个简单的例子吧:
有个用户信息接口:
/users/1
返回的结果:
{ id: 1, name: "张三"}
还有个产品信息的列表接口:
/products
[ { id: 1, productName: "产品1", creator: 1 }]
在产品信息中的creator字段表示的是用户信息的id,在列表中我们直接使用官网的例子,展示的结果就会如下: