最近在我的项目中须要实现的成果如图:

选中不同的产品,其对应的平台的选项不同,在拿到所选平台的value值的同时须要给另一个变量appid赋值。
先来看一下接口返回的数据结构和前端代码吧~

{    code:0,    data:[    {        productname: weixin,        productCname:微信,        apps:[            {                appid:'1001',                platformname:'android',                platformCname:'Android',            },            {                appid:'1002',                platformname:'ios',                platformCname:'iOS',            }        ]    }  ]}


如果咱们在el-select中绑定的值为item.productname的话,咱们每次抉择不同的产品须要遍历一次productList去拿到对应的apps的值,为了省了这次遍历,咱们能够给其绑定item。
但这时咱们选中某个选项时,发现所有的值都被选中了,咱们须要应用value-key来指定要显示的属性key,这样就能完满解决问题了~