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

Question

我正在使用带有 v-model 的 el-select 和带有不同数据的选项。选择使用数据 product.collection对于选项选择，使用数据 options

如何从渲染数组 product.collection 中获取 v-model？像这样 enter image description here

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

Answer 1

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

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

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

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