0

В стэйте (vuex) есть объект с переводом строк:

langFile: {
   user: 'Пользователь',
   level: 'Уровень ${level}'
}

В компоненте в computed функции получаю его геттером:

this.getLangFile.level

Как заставить, чтобы переменная подставлялась в получаемую строку?

0

2 ответа 2

2

Общий ответ

Vuex это не средство для переводов. Используйте Vue I18n.

Ответ на Ваш вопрос проще некуда - Вы используете неподходящий инструмент для неподходящей задачи.

Ответ конерктно для Вашего случая

Храните только неизменяему часть строки level: 'Уровень ', конкотенируйте в компоненте.

1
  • Согласен, это временный вариант. Будет приходить ответ в json со всем переводом на один язык. А хранить не могу только неизменяемую часть строки, потому что в переводе может разный порядок неизменяемой и изменяемой части в разных языках. Вообще временно подошел вариант level: (lvl) => Уровень ${lvl}. Этот ответ куда-то пропал. А вообще посмотрел Vue I18n, хорошая штука, учту на будущее. Спасибо!
    – Alexey S.
    16 июн 2020 в 7:25
0

Я полностью согласен с @Vasiliy Rusin, но вот ответ велосипедиста, так, на всякий пожарный.

В i18next есть прекрасная функция $t(key, options), которая первым аргументом принимает ключ лексемы, а вторым передаёт дополнительные опции: контекст, число, прочие переменные.

Так вот, вам нужно сделать подобие функции $t('Уровень ${level}', { level: 1 }), которая примет объект со свойством level. Дальше строку придётся парсить:

  • искать первое вхождение "${"
  • искать после "}"
  • извлекать часть строки между ${ }
  • извлечённую часть использовать как имя свойства объекта и извлекать параметр.
  • полученное значение подставлять в результирующую строку.

Но если париться Вам не охота - ответ Василия Русина то, что нужно!

2
  • Это уже даже не велосипед, это мотоцикл с педальками)) 16 июн 2020 в 0:45
  • И не говорите)) 16 июн 2020 в 13:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.