关于前端:关于elselect绑定value为item后在下拉框中点击选中某一个元素无法正常选中的问题

32次阅读

共计 436 个字符，预计需要花费 2 分钟才能阅读完成。

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

选中不同的产品，其对应的平台的选项不同，在拿到所选平台的 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，这样就能完满解决问题了～

正文完