在 vue-search-select 中显示“+N 更多”

Question

我有一个 Vue 组件，并且正在使用

MultiListSelect

(

vue-search-select

)。我的问题是，如果我选择多个选项，我需要在框中显示

+N

更多内容。

<MultiListSelect
      :list="list"
      :multiple="multiple"
      :optionValue="optionValue"
      :optionText="optionText"
      :selectedItems="selectedItems"
      :class="customClass"
      @select="onSelect"
    />

这些选项是开箱即用的。

<template>
  <div class="custom-multi-list-select">
    <MultiListSelect
      :list="list"
      :multiple="multiple"
      :optionValue="optionValue"
      :optionText="optionText"
      :selectedItems="selectedItems"
      :class="customClass"
      @select="onSelect"
    />
    <div class="selected-items-display">
      <span
        v-for="(item, index) in displayedItems"
        :key="item.key"
        class="selected-item"
      >
        {{ item.name }}
      </span>
      <span v-if="remainingCount > 0" class="more-label">
        +{{ remainingCount }} More
      </span>
    </div>
  </div>
</template>

Answer 1

请安装 npm i vue-search-select在此处输入链接描述