Skip to content

Directives

TranslationDirective

Directive de Traducción (v-t)

Firma:

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

DESDEPRECATED

será eliminada en vue-i18n v12

Detalles

Actualiza el elemento textContent que está localizado con mensajes de configuración regional.

Puedes usar sintaxis de cadena o sintaxis de objeto.

La sintaxis de cadena se puede especificar como una ruta de clave de mensajes de configuración regional.

Si puedes usar la sintaxis de objeto, necesitas especificar como clave del objeto los siguientes parámetros

- path: requerido, clave de mensajes de configuración regional
- locale: opcional, configuración regional
- args: opcional, para formato de lista o con nombre

Ejemplos

html
<!-- sintaxis de cadena: literal -->
<p v-t="'foo.bar'"></p>

<!-- sintaxis de cadena: vinculación a través de datos o propiedades computadas -->
<p v-t="msg"></p>

<!-- sintaxis de objeto: literal -->
<p v-t="{ path: 'hi', locale: 'ja', args: { name: 'kazupon' } }"></p>

<!-- sintaxis de objeto: vinculación a través de datos o propiedades computadas -->
<p v-t="{ path: greeting, args: { name: fullName } }"></p>