Задать вопрос
HamSter007
@HamSter007
HTML/CSS верстальщик
vue

Как использовать vue-i18n внутри script?

Есть небольшой проект codesandbox

Использую vue-i18n переводчик.

Hello World template:

<h1>{{msg}}</h1>
И script:

data() {
    return {
      msg: `{{ $t("welcomeMsg") }}`
    }
  }

Plugins/i18n.js :

const messages = {
  en: {
    welcomeMsg: "Welcome to Your Vue.js App",
  },
  es: {
    welcomeMsg: "Bienvenido a tu aplicación Vue.js",
  }
};

Вопрос: Как я могу использовать vue-i18n внутри script подобно этого msg:{{ $t("welcomeMsg") }}?

**P.S:** `this.$t("welcomeMsg")` это работает, но не переводит!
  • Вопрос задан
  • 184 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js 
computed: {
  msg() {
    return this.$t('welcomeMsg');
  },
},
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
mmmaaak
@mmmaaak 
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: this.$t("welcomeMsg")
    }
  }
};
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Разработчик Vue.js
Кортекс
от 60 000 до 100 000 ₽
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Расработка Парсер для сайта https://soliq.uz/activities/debtor
19 апр. 2024, в 19:51
3000 руб./за проект
Два скрипта, Python, web3.py, вызов функции смарт-конракта
19 апр. 2024, в 19:47
50000 руб./за проект
Сделать дизайн главной страницы сайта
19 апр. 2024, в 19:17
1500 руб./за проект
Ещё заказы