Skip to content

Directives

TranslationDirective

Directive de traduction (v-t)

Signature :

typescript
export type TranslationDirective<T = HTMLElement> = ObjectDirective<T>;

DÉPRÉCIÉ

sera supprimée dans vue-i18n v12

Détails

Met à jour le textContent de l'élément qui est localisé avec les messages de locale.

Vous pouvez utiliser la syntaxe en chaîne de caractères ou la syntaxe objet.

La syntaxe en chaîne de caractères peut être spécifiée comme chemin de clé des messages de locale.

Si vous utilisez la syntaxe objet, vous devez spécifier comme clé d'objet les paramètres suivants :

- path : requis, clé des messages de locale
- locale : optionnel, locale
- args : optionnel, pour le formatage en liste ou nommé

Exemples

html
<!-- syntaxe en chaîne de caractères : littéral -->
<p v-t="'foo.bar'"></p>

<!-- syntaxe en chaîne de caractères : liaison via données ou propriétés calculées -->
<p v-t="msg"></p>

<!-- syntaxe objet : littéral -->
<p v-t="{ path: 'hi', locale: 'ja', args: { name: 'kazupon' } }"></p>

<!-- syntaxe objet : liaison via données ou propriétés calculées -->
<p v-t="{ path: greeting, args: { name: fullName } }"></p>