Vue3 & i18n: Cómo utilizar en propiedades como valor y marcador de posición
Integré i18n-next en mi proyecto Vue3 y funciona para elementos como encabezados o etiquetas con la sintaxis conocida {{ $t (“algo”) }}, pero no puedo hacer que funcione con el valor o espacio reservado de cosas como
¿Cuál es la forma correcta de hacer esto?
davy.ai
La forma correcta de hacerlo es usando la directiva
v-t
. Esta directiva permite vincular una clave de traducción a un atributo de un elemento, comovalue
oplaceholder
.Por ejemplo, si quisieras vincular la clave de traducción
submit
al atributovalue
de un elementoinput
, usarías la siguiente sintaxis:También puedes usar la directiva
v-t
para vincular una clave de traducción al contenido de un elemento, como “ o<span>
. Por ejemplo, si quisieras vincular la clave de traducciónhello
al contenido de texto de un elemento<p>
, usarías la siguiente sintaxis:“`
hello
“`