如何在vue-multiselect中没有标记？

Question

我使用的是vue-multiselect，我复制了示例vue-多选择多重选择。

<div>
  <label class="typo__label">Simple select / dropdown</label>
  <multiselect v-model="value" :options="options" :multiple="true" :close-on-select="false" :clear-on-select="false" :preserve-search="true" placeholder="Pick some" label="name" track-by="name" :preselect-first="true">
    <template slot="selection" slot-scope="{ values, search, isOpen }"><span class="multiselect__single" v-if="values.length &amp;&amp; !isOpen">{{ values.length }} options selected</span></template>
  </multiselect>
  <pre class="language-json"><code>{{ value  }}</code></pre>
</div>

在该示例中，可以看到标记不存在，这在所有示例中都会发生，默认情况下，标记它在任何示例中都不存在。

​

​

但是当使用标记显示的示例代码时，

• 我试过用:taggable="false"，
• 我试过用<template #tag></template>
• 我也检查了一下，它不是CSS隐藏的标签仍然显示。

这里是再现问题的最小代码。

所期望的行为不显示标记，就像在示例中那样。

Answer 1

您应该使用<template slot="tag">{{ '' }}</template>隐藏标记。