Директивы
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>