i18n 翻译形式

Question

我正在尝试创建一个带有 i18n 翻译的表单。

我已经试过了，但还是不行：

<div id="form" align="center"
      justify="center">

<v-col sm="4" align="center"
      justify="center">
  <v-form
    ref="form"
    v-model="valid"
    lazy-validation
  >
    <v-text-field
      v-model="login"
      label="{{ $t('Username') }}"
      required
    ></v-text-field>

    <v-text-field
      v-model="password"
      label="{{ $t('Password') }}"
      type="password"
      required
    ></v-text-field>

    <v-btn
      color=blue
      class="mr-4"
      @click="validate"
    >
      {{ $t('Login') }}
    </v-btn>

  </v-form>
  </v-col>
</div>

有人知道翻译我表格上的标签吗？

谢谢

Answer 1

试试 :label="$t('your.translation.key')"

i18n 翻译形式

i18n translation in a form

vue.js

vuetify.js

vue-i18n