[TwigTechnology]

Hipotetyczny scenariusz. Jest sobie jakiś obiekt, który się wyświetla we #vue i do którego jest edytor w komponencie. Się edytuje na żywo i wszystko spoko dopóki nie przyjedzie pora rezygnacji ze zmian, bo główny obiekt został już zmieniony.

https://jsfiddle.net/qx2p5jgk/

Jaki jest poprawny sposób ogarnięcia danych tak, aby zachować podgląd na żywo i zrobić sensownie działające anulowanie? Mam klonować zawartość obiektu przy edycji? Jest jakiś automat?

#javascript #vuejs

[bonus]

@TwigTechnology: Vuex i stany to protip

[TwigTechnology]

@bonus: a stany bez Vuex się da?

[bonus]

@TwigTechnology: W sumie widzę 2 rozwiązania bez Vuex.
1. Zrobić dwa pola do każdego obiektu, value i editValue, po zapisaniu zmieniać oryginalną wartość, jeśli ktoś kliknie cancel, to zmieniać editValue na oryginał.
2. Imho pokazywanie zmian na żywo w oryginalnej wartości to przesada, robiłbym to dopiero po zapisie.

[TwigTechnology]

@bonus: coś w stylu 1 robię, ale coraz mniej mi się chce to ręcznie ogarniać, stąd pytanie :)

Ad 2 - to jest cała zaleta vue, że użyszkodnik widzi co edytuje. Nie chcę z tego rezygnować, bo moim mróweczkom się podoba ( ͡° ͜ʖ ͡°)

[Chanandler]

@TwigTechnology:

https://jsfiddle.net/eec2hoku/

[TwigTechnology]

@Chanandler: i pozamiatane. Dzięki!