如何返回带参数的属性值?

我刚开始和VueJS合作。我使用类星体框架 its input component that provides an error state

<q-field :error="error" error-label="Oh buggers! You made a boo boo.">
   <q-input v-model="text" float-label="Colored with Error" color="amber"  />
</q-field>

我用 Vualidate 要检查表单中的多个输入,我想返回 error-label 值错误文本的上下文化和本地化版本。

有了Blaze,我会用一个助手来辩论(如 error-label="{{getError 'email'}}" 看起来应该是这样(未经测试的代码):

  getError(input) {
    let firstError = ""
    _.each(this.$v[input], function(validator) {
      if (!validator) { // eg. validator = 'required'
        firstError = i18n.__('input_error' + validator, {
          input
        }) // eg. firstError = 'The email field is required'
        break
      }
    })
    return firstError
  },

我不确定在VueJS中使用正确的方法。我注意到v-bind指令可以接受参数,但我不知道如何(文档中没有示例地提到它)也不知道它是否是正确的方法。