vue.js - 更改文本区域时的 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()是:

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>