Блог

Главная - Вопросы по программированию - Ошибка i10n в компоненте

Ошибка i10n в компоненте

#vue.js #locale

#vue.js #язык

Вопрос:

Я использую плагин vue i18n. Пример кода:

 <template>
    <div>
        {{ test }}
    </div>
</template>

<script>
    export default {
        layout: "default",
        label: this.$t('Tools'),

        data: () => ({
            test: this.$t('Test')
        })
    }
</script>

Но это не работает. Плагин еще не был инициализирован, поэтому он не может переводить строки. Существуют ли какие-либо решения этой проблемы?

Комментарии:

1. Итак, вы признаете, что плагин не был инициализирован? Тогда почему бы не добавить в ваш основной JS-файл необходимый скрипт инициализации? Я не знаю, какой плагин вы используете, поэтому не могу быть более конкретным

2. Этот плагин: github.com/kazupon/vue-i18n

3. kazupon.github.io/vue-i18n/installation.html#compatibility-note

4. Я не нашел решения своей проблемы в руководстве. Я могу перевести только в контексте вычисляемых свойств, но не в контексте блока данных.

5. Я не знаю, поскольку я никогда им не пользовался, но вы, возможно, захотите заглянуть в <p v-html="$t('message.hello')"></p>