将多个属性绑定到 Vuetify 中的文本字段标签

Question

我想将包含多个值的字符串绑定到 vuetify 中的文本字段。我编写了以下代码，但它为我提供了字符串形式的属性。

<div v-if="textField">
      <v-text-field
      :value="'Our client, {{this.name}}, is {{this.age}} years old.'"
      outline
      readonly
      >
</v-text-field>
</div>

输出是：

Our client, {{this.name}}, is {{this.age}} years old.

尽管我想获得约翰和32 的this.name和this.age值，如下所示：

Our client, John, is 32 years old.

最好的方法是什么？

Answer 1

或者直接在模板中使用模板文字作为：

<v-text-field
  :value="`Our client, ${name}, is ${age} years old.`"
  outline
  readonly
  >

另请注意，不能在 HTML 属性中使用 Mustaches。也就是说，{{}}不适用于属性。