Почему не работает addTag в multiselect?

Question

[sharpsss]

Всем привет, в общем есть multiselect

<template #column1="{ entity }">
          <div>
            <multiselect
              v-model="entity.selectedAccesses"
              tag-placeholder="Add this as new tag"
              placeholder="Добавьте доступ"
              label="name"
              :options="value"
              :multiple="true"
              :taggable="true"
              track-by="access_num"
              @tag="addTag"
              @remove="removeAccess(entity, $event)"
              :select-label="'Выберите'"
              :selected-label="'Выбрано'"
              :deselect-label="'Нажмите Enter, чтобы убрать'"
            >
            </multiselect>
          </div>
        </template>

и есть метод addTag

methods: {
      addTag(newTag) {
          console.log("sad")
          const tag = {
              name: newTag,
              access_num: this.value.length + 1, // Генерируем новый access_num
          };
          this.value.push(tag);
      },

написано что чтобы он работал нужно чтобы у него было :taggable="true" но что-то это не изменило ситуации вот версия: "vue-multiselect": "^3.0.0-beta.2", также добавлял какое-то data значение ld: "lala" и пытался сделать this.lala = "11" тоже не работало оно тупо не работает, спасити пажалста)

Comments

[Froggyweb]

вместо console.log("sad") нужно сделать connsole.log(newTag) скорее всего будет undefined

[sharpsss]

Froggyweb, не пашет

[sharpsss]

Froggyweb, аааа всё пашет это мой мозг не пашет, прост я думал что это именно при клике на элемент событие или интере тип когда в списке выбираешь что-то

Answer 1

[Aetae]

Судя по документации тэг добавляется также и в модель(т.е. в entity.selectedAccesses), а не только в options(что называется у тебя value).

С учётом слота, можно сделать примерно так:

Comments

[sharpsss]

не помогло но всё равно спасибо за уделённое время, я уже сдался.. думаю свой мультиселект придется писать

[Aetae]

sharpsss, в смысле "не помогло"?
Вот перед тобой работающий пример. Что у тебя не так?

P.S. Если не можешь разобраться с библиотечным кодом - писать свой вместо этого - очень плохая идея.:)

[sharpsss]

Aetae, твой код в консоль ничего не выводит только ошибку поэтому не помогло. Может я чето путаю сонный и когда проснусь ошибки не будет фиг знает) да не мне кажется норм идея писать свой мультиселект, ну да надо бы посмотреть код Либы но знаешь, beta + в доке @add событие на добавление,то есть уже должен работать, но не работает, увы, мы ставим либы чтобы ускорить процесс разработки разве нет? А тут получается лезь в либу правь её

[Aetae]

sharpsss, ты в чём смотришь? Какую ошибку? Всё прекрасно работает. Видео.

[sharpsss]

Aetae, в консоли смотрю, консоль открой при добавлении элемента у тебя не работает console.log("sad") метод @addTag не родит получается

[Aetae]

sharpsss, во-первых - в консоль пишет. Во-вторых я даже видео прикрепил что всё работает. Чего ты ещё, блин, хочешь?

[sharpsss]

Aetae, я тупич я вообще не правильно сформулировал свой вопрос, да, твой код покрывает заданный мной вопрос, спасибо большое за твою доброту и помощь :) прикинь я умудрился думать что addTag именно при клике или нажатии на интер работать должно, а эт именно когда ты в инпут вводишь что-то, ща буду супер внимательно доку читать мне та нада событие именно при клике или выборе опции, addTag оказыуается - не то вообще что мне нужно, не подумол, поспешил, извиняюсь за своё клоунство

[Aetae]

sharpsss, те тебе нужно что-то делать когда обновляется выбранное значение?
Вместо v-model:

:model-value="entity.selectedAccesses"
@update:model-value="updateSelected(entity, $evemt)"

updateSelected(entity, selectedAccesses) {
  entity.selectedAccesses = selectedAccesses;
}

[sharpsss]

Aetae, да, либо удаляется либо добавляется, нукась - щас затестим

[sharpsss]

Aetae, абалдеть, спсс) то что нужно, то что доктор прописал реальн, большое душевное спысы :)

[sharpsss]

Aetae, не подскажешь а как фиксировать значение до то есть сюда приходит обновлённые данные а как внутри updateSelected(entity, selectedAccesses) взаимодействовать с данными "до"