Vue -Multiselect Plugin: Как безопасно удалить функцию «добавить новый» тег? - PullRequest
Новая
       28

Vue -Multiselect Plugin: Как безопасно удалить функцию «добавить новый» тег?

0 голосов
/ 05 февраля 2020

Я использую плагин с именем Vue -Multiselect , и он хорошо работает в моем приложении. Однако в плагине есть функциональность, которая мне не нужна. Как я могу безопасно удалить его?

Позвольте мне объяснить: CodeSandBox Collaboration Editor . Примечание. Чтобы увидеть этот поток в действии, выберите «РЕДАКТИРОВАТЬ» рядом с «Виджетом ACME», а затем найдите существующего пользователя в поле ввода множественного выбора.

Когда пользователь ищет в множественном выборе поле ввода, и, если совпадение найдено, оно появляется для выбора пользователем. Это хорошо. Однако, когда пользователь НЕ найден, появляется заполнитель, который говорит следующее: Press enter to create a tag. Я НЕ хочу давать своим пользователям возможность создавать новые теги / опции, если опция не существует. Как я могу удалить эту функциональность из этого компонента?

Вот мой код для выбора нескольких компонентов: 

    <multiselect
      id="customer_last_name_input"
      v-model="values"
      :options="options"
      label="lastname"
      placeholder="Select or search for an existing customer"
      track-by="uid"
      :loading="isLoading"
      :custom-label="customerSelectName"
      aria-describedby="searchHelpBlock"
      selectLabel
      :multiple="true"
      :taggable="true"
    >
      <template
        slot="singleLabel"
        slot-scope="props"
      >{{ props.option.lastname }}, {{props.option.firstname}}</template>
      <template slot="option" slot-scope="props">
        <strong>{{ props.option.lastname }}</strong>
        , {{ props.option.firstname }} &mdash;
        <small>{{ props.option.email }}</small>
      </template>
      <!-- <template slot="noResult">Looks like this customer doesn't exist yet.<button class="btn btn-primary" type="button" @click="addCustomer">Add Customer</button></template> -->
    </multiselect>

1 Ответ

0 голосов
/ 05 февраля 2020

Я нашел ответ. Я просто удаляю taggle=true реквизит из компонента множественного выбора.

...