Как и где можно фиксировать и сохранять данные до изменений в multiselect?

Question

[sharpsss]

Всем доброго времени бытия, в общем есть multiselect

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

меня интересует entity.selectedAccesses а как сделать так чтобы до реактивных действий этого мультиселекта сохранились именно текущие значения entity.selectedAccesses в допустим last_value: [] если добавить больше конкретики то есть такой метод в котором мне нужно посмотреть предыдущее значение entity.selectedAccesses

methods: {
            updateSelected(entity, selectedAccesses) {
            // entity.selectedAccesses = selectedAccesses;
            // Добавляем новый массив selectedAccesses в last_value
            console.log(this.last_value)
            console.log(selectedAccesses)
        },
    },

Answer 1

[Aetae]

В entity.selectedAccesses лежит последнее значение =\

Comments

[sharpsss]

имеется ввиду что мне нужно значение до всяких действий, например если в твой код добавить вывод в консоль

updateSelected(entity, newValue) {
			const previosValue = entity.selectedAccesses;
			entity.selectedAccesses = newValue;
			console.log(entity.selectedAccesses);
		}

то на выбранном default выведет {
"access_num": 1,
"name": "default"
}] а на пустом // [object Array] (0) а должно быть наоборот то есть как бы предыдущее значение должно как то храниться

[Aetae]

sharpsss, лол.
Чувак, внимательнее посмотри, что ты творишь.
Вот тут entity.selectedAccesses = newValue; ты присваивешь новое значение entity.selectedAccesses, а уже после этого выводишь. Откуда там взяться старому значению если ты сам его заменил на новое?
Я ведь специально для тебя даже сохранил его заранее в переменную previosValue.

Хз чем тебе тут помочь, разве что если ты бухаешь в процессе - завязывай, Пик Балмера у тебя явно не ловится.

[sharpsss]

Aetae, не я не пьющий, прост чёто проблемы со сном от этого жёстко туплю и залипаю , вот так вот, отдых и развеивание откладывать похоже гиблое дело

[sharpsss]

Aetae, ну кстати энивэй не работает в моём случае хз

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

[sharpsss]

Aetae, демонстрация что не робит энивэй

[Aetae]

sharpsss, v-model надо убрать, как я и сказал в предыдущем посте.

И в любом случае у меня в каждом ответе приложен рабочий код. Если у тебя что-то не работает: берёшь свой код и построчно сравниваешь с моим. Видишь отличия - убираешь и, желательно, разбираешься почему так.

[sharpsss]

Aetae, в итоге сделал таким образом

selectedAccessesCopy: [],
 methods: {
    updateSelected(entity, selectedAccesses) {
      this.selectedAccessesCopy = [...selectedAccesses];
      // console.log(previosValue);
    },
  },
  watch: {
    selectedAccessesCopy(newVal, oldVal) {
      // Теперь следим за изменениями в selectedAccessesCopy
      console.log("Старое значение:", oldVal);
      console.log("Новое значение:", newVal);
      // Вы можете здесь выполнить необходимую логику с новыми и старыми значениями
    },
  },

[sharpsss]

Aetae, не мне не варик как у тебя делать) но я уже разобрался, спс)

[sharpsss]

Aetae, спс ещё раз, наговнокодил сильно... потом вернулся сюда, недавно рефакторил, прочитал что ты написал, всё исправил, сделал для себя выводы, что доку по вью стоит перечитать и не торопиться сильно.. ех.. ну я и косячник конечно)9

Answer 2

[sharpsss]

в итоге решил таким образом:

selectedAccessesCopy: [],
 methods: {
    updateSelected(entity, selectedAccesses) {
      this.selectedAccessesCopy = [...selectedAccesses];
      // console.log(previosValue);
    },
  },
  watch: {
    selectedAccessesCopy(newVal, oldVal) {
      // Теперь следим за изменениями в selectedAccessesCopy
      console.log("Старое значение:", oldVal);
      console.log("Новое значение:", newVal);
      // Вы можете здесь выполнить необходимую логику с новыми и старыми значениями
    },
  },