arrays - Vue.js + Element UI - 如何获取 v-model 数组 el-select

Question

我将 el-select 与 v-model 和具有不同数据的选项一起使用。选择使用数据product.collection 和选项选择使用数据options

如何从渲染数组 product.collection 中获取 v-model？像这样 在此处输入图像描述

这是我的代码 https://jsfiddle.net/dede402/9wp5ej8w/

Answer 1

根据您的 JSFiddle， v-model 是 on product.collection.name，但product.collection它是一个对象数组。您可能应该更改为product.collection或指定一个索引，例如product.collection[0].name.

查看http://element.eleme.io/#/en-US/component/select上的代码示例。

这是一个使用对象作为 el-select 值的完整解决方案的 jsfiddle：https ://jsfiddle.net/budgw/jsj9mnkx/1/

注意 上的value-key属性el-select，这表示身份属性。此外，product.collection值必须与option值匹配。