我正在使用 vue-multiselect 并复制了示例 vue-multiselect multiple select
<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 && !isOpen">{{ values.length }} options selected</span></template>
</multiselect>
<pre class="language-json"><code>{{ value }}</code></pre>
</div>
在示例中可以看到标签不存在,这在所有示例中都会发生,默认情况下标签在任何示例中都不存在。
但是当使用示例代码时,标签确实显示了,
- 我尝试使用
:taggable="false"
, - 我尝试使用
<template #tag></template>
- 我也检查过,不是CSS隐藏的 标签仍在显示。 Here它是重现问题的最少代码。
期望的行为不会像示例中那样显示标记。
最佳答案
你应该使用 <template slot="tag">{{ '' }}</template>
隐藏标签。
关于javascript - 如何在 vue-multiselect 中没有标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62927900/