更改文本区域上的引导程序未更新

时间:2019-02-04 13:57:20

标签: vue.js vuejs2 nuxt.js

我正在尝试更改我的Bootstrap Vue textarea的名称和值,但似乎并没有触发。我的文本区域如下:

<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});
    }

这适用于诸如普通输入字段之类的输入,但似乎无法触发文本区域的功能

1 个答案:

答案 0 :(得分: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>