Vuejs2 Vue.js 2：动态v模型、@input和类绑定

我正在用

bootstrap vue

和

vuelidate

在

vue

中构建一个表单，在输入端使用此代码时，一切正常：

<b-form-group id="company-group"
          label="Your company:"
          label-for="company">
<b-form-input id="company"
              type="text"
              v-model="form.company"
              @input="$v.form.company.$touch()"
              v-bind:class="{ 'is-invalid': $v.form.company.$error }"
              >
</b-form-input>
<b-form-invalid-feedback>
    Invalid company name!
</b-form-invalid-feedback>

有没有办法

v-model

、

@input

和

v-bind:class

使用

id

的值，如下所示：

id="company"
v-model="form[this.id]"
@input="$v.form.[this.id].$touch()"
v-bind:class="{ 'is-invalid': $v.form.[this.id].$error }"

这将使表单构建更加容易，但正如我所预料的那样，它不起作用

多谢各位

id="company"
v-model="form[this.id]"
@input="$v.form.[this.id].$touch()"
v-bind:class="{ 'is-invalid': $v.form.[this.id].$error }"