Javascript 如何将选定值渲染到多下拉框中

我有一个多选框，我希望能够根据来自数组的值选择多选框中的值。我正在使用vuejs。有什么想法吗？我试图解决这个问题的方法显然是非常错误的。任何帮助都将不胜感激

<div id="app">

<select class="multiselect"  v-model="mySelect" multiple  class="multi-size">
      <option>Access</option>
      <option>BA Briefings</option>
      <option>Change Management</option>
      <option>Clearance</option>
      <option>Communications</option>
      <option>CONUS</option>
      <option>Delay</option>
      <option>Disruption</option>
      <option>eQIP</option>
    <option>Field Ops</option>                                                                                                               
  </select>  


  <button @click="add">Add selection</button>
</div>


new Vue({
  el: "#app",
  data() {
    return {
     mySelect:'',
     selData: ["Access", "BA Briefings", "CONUS", "Delay"]
    }      
  },
  methods: {
    add: function(){
      this.selData.forEach(data=>{
        this.mySelect = data;
      })
    }
  }
})

---

这里有一个。

您只需要做两个更改，因为它是multiselect，将mySelect作为数组。其次，将元素添加到数组中，因为您希望根据数组同时选择多个项。 更新了你的代码，希望对你有所帮助

新Vue{ el:应用程序， 资料{ 返回{ mySelect:[]， selData:[访问、英国航空公司简报、美国国家航空公司、延迟] } }, 方法：{ 附加：功能{ this.selData.forEachdata=>{ this.mySelect.pushdata； } } } } 通道 广管局简介 变革管理 清除 通讯 圆锥 延迟 破坏 eQIP 字段操作 添加选择

---

查看此处的动态选项部分~如果没有按钮，我如何在页面加载时执行此操作？而不是使用空mySelect，将mySelect的数据设置为您想要的数据，它将在页面加载时显示为选中。我很难使用数组中的值设置multi-select框。我的数组名称是下拉列表，multi-select框是“公司”列