Как инициировать изменение изначения переменной привязанной к полю через v-model?

Question

[Алексей Соболенко]

Встраиваю markitup редактор во vue-компонент, но при вставке любых тегов в текст значение переменной, привязанной к полю через v-model не меняется. У редактора есть возможность использовать метод afterInsert, что я и сделал

afterInsert: function() {
        this.textarea.dispatchEvent(new Event("change"));
    },

но, всё равно значение переменной не меняется.
Проверил примерно то же самое на официальном сайте Vue.js - ситуация аналогичная:

Может я не то событие вызываю или дополнительно обрабатывать его как-то нужно? Потому что на другой странице, где нет vue-компонента этого, но используется та же настройка редактора, сохранение происходит правильно.

Comments

[Ярослав Иванов]

Во-первых где пример кода?
Во-вторых this.textarea.dispatchEvent(new Event("change")); что это за дичь во вью??

[Алексей Соболенко]

Ярослав Иванов, какой тебе нужен пример кода? такой что ли?
<textarea v-model="var"></textarea>
Я же говорю (и на скриншоте показываю), что меняется значение поля, но не меняется значение привязанной к нему переменной.

[alex]

Алексей Соболенко, код в песочницу заливайте.

ситуация аналогичная

это так не работает. Вы бы это знали если бы хоть немного разобрались как биндятся формы к данным во вью

Answer 1

[Ihor Bratukh]

app6.message = 'HELLO';

Comments

[Алексей Соболенко]

ну да, примерно так.
думал, что vue отреагирует на вызванное событие, но пришлось обрабатывать его дополнительно

textarea.addEventListener('change', () => {
            this.$v.newDescription.$model = textarea.value;
        });

Answer 2

[Максим Мжельский]

Нужно было так:
this.textarea.dispatchEvent(new Event("input"));