Vue.js Vue Multiselect不通过v-model更新{{value}}

我将此示例用于Laravel 5.3中的Vue Multiselect“^2.0.0-beta.14”

插件渲染正确，但我无法通过v-model获得选择。我希望

@{{selected}}

使用当前选择更新

app.js

Vue.component('dropdown', require('./components/Multiselect.vue'));

VUE JS

<template>
 <div>
   <multiselect
     v-model="value"
     :options="options">
   </multiselect>
 </div>
</template>

<script>
  import Multiselect from 'vue-multiselect'
  export default {
    components: { Multiselect },
    data () {
      return {
        value: null,
        options: ['list', 'of', 'options']
      }
    }
  }
</script>

<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>

NB

---

官方示例使用selected代替value，但这也不起作用。根据文档，从V2起，选择被值替换。

值未显示在根目录中的原因是数据与下拉组件隔离。要从组件获取数据以显示在根目录中，需要使用道具

有关详细说明，请参见此问题

---

如果在Vue.js 2.0中使用TypeScript接口，请避免使用可选属性来存储子组件的值。i、 如果你的财产是

值：？IMyCustomInterface

改为使用

value:MyCustomObject | null

并在构造函数中将对象设置为null

如果该属性是可选的，它将可以正常编译，但子组件不会正确更新它

<div id="app">
  <h3>Dropdown</h3>
  <div>
    <label class="typo__label">Single select</label>
    <dropdown></dropdown>
    <pre class="language-json"><code>@{{ value  }}</code></pre>
  </div>
</div>