Skip to content

Директивы

TranslationDirective

Директива перевода (v-t)

Подпись:

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

УСТАРЕЛО

будет удалено в vue-i18n v12

Подробности

Обновляет textContent элемента, локализованный с помощью сообщений локали.

Можно использовать строковый синтаксис или объектный синтаксис.

Строковый синтаксис можно указать как ключевой путь к сообщениям локали.

Если вы используете объектный синтаксис, необходимо указать следующие параметры в виде ключей объекта:

- path: обязательно, ключ сообщений локали
- locale: опционально, локаль
- args: опционально, для списков или именованного форматирования

Примеры

html
<!-- строковый синтаксис: литерал -->
<p v-t="'foo.bar'"></p>

<!-- строковый синтаксис: привязка через данные или вычисляемые свойства -->
<p v-t="msg"></p>

<!-- объектный синтаксис: литерал -->
<p v-t="{ path: 'hi', locale: 'ja', args: { name: 'kazupon' } }"></p>

<!-- объектный синтаксис: привязка через данные или вычисляемые свойства -->
<p v-t="{ path: greeting, args: { name: fullName } }"></p>