Javascript 具有对象数组的多重选择和v型模型

我正在使用Vue.js 2.0和元素UI库

我正在使用一个多选组件。 v-model属性用于预先选择任何选项。 因此，如果您有型号：['Option4']，将使用Option4预选select

我希望能够对对象数组进行v型建模，而不是简单地对包含每个选项标签的数组进行建模

也就是说，我不使用model:['Option4']，而是希望能够使用类似model:[{name:'Option4'}，{name:'Option5'}的东西

进行此操作时，未正确进行预选

有可能吗？如果是，怎么做

您应该在选项数组中传递对象的值

---

以下是

为什么要从我的答案中删除已接受的答案？你好，Alexandru，我听从了你的建议，现在我要把它放到上下文中去。预选是可以的，但我不能选择其他选项。有什么想法吗？我不明白为什么你不能选择另一个选项。在编辑的小提琴中，它工作得很好。看一看。我将为此创建一个新任务。我很抱歉。是的，这是一个完美的工作，但我在这里发布的问题并没有说明整个故事。也许你能帮我制作下一个。

<div id="app">
<template>
  <el-select v-model="model" multiple placeholder="Select">
    <el-option v-for="item in options" :label="item.label" :value="item.value">
    </el-option>
  </el-select>
</template>
</div>

var Main = {
    data() {
      return {
        options: [{
          value: 1,
          label: 'Option1'
        }, {
          value: 2,
          label: 'Option2'
        }, {
          value: 3,
          label: 'Option3'
        }, {
          value: 4,
          label: 'Option4'
        }, {
          value: 5,
          label: 'Option5'
        }],
        model: ['Option4']
      }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

var Main = {
  data() {
    return {
      options: [{
        value: 1,
        label: 'Option1'
      }, {
        value: 2,
        label: 'Option2'
      }, {
        value: 3,
        label: 'Option3'
      }, {
        value: 4,
        label: 'Option4'
      }, {
        value: 5,
        label: 'Option5'
      }],
      model: [4]
    }
  }
}