vue.js - 将选定的值推送到选择框

Question

我正在尝试创建多选框，其中有项目并且它们会弹出到选择占位符框中，这可能吗？这就是我想要实现的目标https://mdbootstrap.com/docs/standard/extended/multiselect/

我的代码

<div id="app">
  <label for="cars">Choose a car:</label>

<select name="cars" @change="pushOption" id="cars">
  <option value="selected" v-for="item in pushed">{{item}}</option>
  <option v-for="option in options"  :value="option.value">{{option.value}}</option>

</select>

<div>
Selected: {{pushed}}
</div>
</div>

new Vue({
  el: "#app",
  data: {
    options: [
     {value: "test", id: 0},
     {value: "test2", id: 1}

    ],
    pushed: []
  },
  methods: {
    pushOption(e) {
        this.pushed.push(e.target.value);
    }
  }
})

标签： vue.jsvuejs2