Vue.js: нет динамической локали в функции данных javascript
мы используем http://kazupon.github.io/vue-i18n/en/api.html для реализации локали и динамического изменения локали на нашей веб-странице.
но в настоящее время мы сталкиваемся со следующей проблемой.
это нет, работающий динамически:
HTML:
<b-breadcrumb :items = "items"/>
Javascript:
public data() {
return {
items: [
text: this.$t("COMPONENTS.ADMINISTRATION.HOME"),
href: "/"
]
}
}
этот работает динамически:
HTML:
<p>{{$t("COMPONENTS.ADMINISTRATION.HOME")}}</p>
вам нужна дополнительная информация?
Кто-нибудь знает, как исправить этот верхний пример?
заранее спасибо!
Исправление: я не думаю, что вам следует прикреплять свойства реактивный непосредственно к инициализации данных.
Я использую Typescript и пытаюсь реализовать его следующим образом: public computed() { return { translatedItems: function () { return [ { text: this.$t("COMPONENTS.ADMINISTRATION.HOME"), href: "/" } ] } } } Я передал переведенные элементы элементам для навигационной крошки, но таким образом (конечно) при начальной загрузке в показанной навигационной крошке нет элементов, и все еще не при изменении языкового стандарта.
Может это поможет: github.com/kazupon/vue-i18n/issues/119
После нескольких случайных тестов, в которые я могу поместить вычисленные свойства (я не был знаком с ними до сих пор), это наконец сработало! Я использовал код, который вы мне предоставили в своем первом ответе. Последняя предоставленная вами ссылка не работает. Это был способ, которым я реализовал это некоторое время назад ... неважно, что сейчас он работает :) - вы хотите дать официальный ответ на мой вопрос, чтобы я мог подтвердить его? Спасибо !
Хорошо. Могу я добавить эту скрипку к ответу: jsfiddle.net/7rb88429? Будет ли это представительным решением вашей проблемы?
Да, именно так я решил мою проблему!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Я не думаю, что вам следует присоединять вычисленные свойства непосредственно к инициализации данных. Не могли бы вы вместо этого создать вычисляемое свойство с именем
translatedItemsи передать его этому свойству? Что-то вродеcomputed: { translatedItems() { return this.$t("COMPONENTS.ADMINISTRATION.HOME") } }.