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

Question

我正在使用el-select和v-model以及具有不同数据的选项。 选择使用数据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/

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