Bootstrap при изменении текстовой области не обновляется

Question

Я пытаюсь получить имя и значение моей текстовой области Bootstrap Vue при изменении, похоже, она не срабатывает.Моя текстовая область выглядит следующим образом:

<b-form-textarea v-if="input.type === 'textarea' && !input.editor"
                        v-bind:id="input.name"
                        v-bind:name="input.name"
                        v-model="input.value"
                        v-on:change="edit(input.name, input.value)"
                        :rows="3">
                      </b-form-textarea>

моя функция edit () is:

edit (name, value) {
      this.editedFields.push({name, value});
    }

Это работает для входов, таких как обычные поля ввода, но не 'Кажется, она запускает функцию для текстовой области

Answer 1

Не использовать метод @input.

<b-form-textarea v-if="input.type === 'textarea' && !input.editor"
                        v-bind:id="input.name"
                        v-bind:name="input.name"
                        v-model="input.value"
                        @input="edit(input.name, input.value)"
                        :rows="3">
                      </b-form-textarea>