Как отменить выбор предварительно выбранных групповых опций в vue multi select? - PullRequest
Новая
       33

Как отменить выбор предварительно выбранных групповых опций в vue multi select?

0 голосов
/ 14 января 2019

Я использую плагин vue multi select . Я использую опцию выбора группы для выбора значений группы. Я сохраняю выбранные значения в локальном хранилище, чтобы сохранить предварительно выбранный параметр пользователем. Когда я выбираю значения для группы, она работает правильно, но когда я предварительно выбираю значения при перезагрузке страницы, тогда значения устанавливаются правильно, но опция выбора всех не отменяет выбор выбранных значений.

Есть ли способ отследить параметр отмены выбора группы в vue multi select или есть способ, которым я могу эффективно использовать этот плагин vue multiselect и поддерживать выбранные и отмененные значения.

Код тега Vue multiselect показан с использованными реквизитами. 

    <multiselect
  v-model="location"
  :options="options"
  :multiple="true"
  :close-on-select="false"
  :clear-on-select="false"
  :preserve-search="true"
  placeholder="Locations"
  label="name"
  track-by="name"
  :allow-empty="true"
  @input="updateOptions($event)"
  group-values="locationData"
  group-label="location"
  :group-select="true"
  :preselect-first="false"
>
  <template slot="selection" slot-scope="{ values, search, isOpen }">
    <span
      class="multiselect__single"
      v-if="values.length &amp;&amp; !isOpen"
    >{{ values.length }} Locations Selected</span>
  </template>
</multiselect>

Скрипты: 

  data() {
return {
  locations: {},
  location: {},
  options: [
    {
      location: "Select All",
      locationData: []
    }
  ]
};

}

Я устанавливаю массив местоположений при загрузке страницы.

...