最近在我的项目中须要实现的成果如图:
选中不同的产品,其对应的平台的选项不同,在拿到所选平台的 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,这样就能完满解决问题了~