Vue.js 如何删除vue multiselect中的预选标记

我需要一个支持标记且易于设置样式的下拉列表，因此我决定实现

vue multiselect

。它可以工作，但问题是，当页面加载时，我的下拉列表中有一个预定义的标记，我不知道该怎么做，我如何删除它？下面是它现在的样子：

下面是我希望它看起来的样子：

以下是我的html代码：

<div>
   <multiselect v-model="value" tag-placeholder="Add this as new tag" placeholder="Assesors" label="name" track-by="code" :options="options" :multiple="true" :taggable="true" @tag="addTag"></multiselect>
</div>

嗯，根据您使用的

配置和所显示的预期行为…
你必须把这个变成这个

看起来您希望加载的页面只显示占位符，但如果您只想显示占位符，则不应在

值

变量中设置值，如下所示：

data () {
  return {
    showAddUserDialog: false,
    value: [
      { name: 'Assesors', code: 'as' } // <- remove this
    ],
    options: [
      { name: 'Assesors', code: 'as' },
      { name: 'Finance', code: 'fi' },
      { name: 'Sales', code: 'sa' }
    ]
  }
}

数据（）{
返回{
showAddUserDialog:false，
价值：[
{name:'assessors'，code:'as'}//如果我删除了值数组，我将失去标记功能，我需要它显示为占位符，并且能够添加标记。请看我创建的示例
data () {
  return {
    showAddUserDialog: false,
    value: [
      { name: 'Assesors', code: 'as' } // <- remove this
    ],
    options: [
      { name: 'Assesors', code: 'as' },
      { name: 'Finance', code: 'fi' },
      { name: 'Sales', code: 'sa' }
    ]
  }
}