Vue.js + Element UI - 如何获取 v-model 数组 el-select
Vue.js + Element UI - How to get v-model array el-select
我将 el-select 与 v-model 和具有不同数据的选项一起使用。
select 使用数据 product.collection
对于选项 select 使用数据 options
如何从渲染数组 product.collection 中获取 v-model？
像这样
enter image description here
根据您的 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 值匹配。
我将 el-select 与 v-model 和具有不同数据的选项一起使用。
select 使用数据 product.collection
对于选项 select 使用数据 options
如何从渲染数组 product.collection 中获取 v-model？ 像这样 enter image description here
根据您的 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 值匹配。