Vue-i18n и списки - PullRequest
Новая
       22

Vue-i18n и списки

0 голосов
/ 06 ноября 2018

В настоящее время я работаю с vue-i18n для интернационализации, и у меня возникла проблема со списками в этой теме. Язык можно изменить с помощью раскрывающегося меню на постоянной панели навигации. Существует компонент A с дочерним компонентом B. В этом дочернем компоненте есть два списка, заполненных с помощью: 

<select id="element1" class="ui dropdown" v-model="application.datatable">
    <option value="">... ... ...</option>     
    <option v-for="i in tableRows"  :value="i.id">
        <p>
            {{$t(i.element.name)}}
        </p>
    </option>
</select>

Здесь я столкнулся с проблемой, что {{$ t (i.element.name)}} переведен правильно, но не изменится после первой инициализации. Поэтому, если я изменю язык с английского на немецкий, все остальные метки и строки будут изменены, но списки все еще будут на английском (Wochentag: | Monday | Tuesday |…)

Для этого мне понадобится возможность переопределить списки (возможно, через id, но ничего не нашел в jQuery) или способ перерисовки списков при каждом изменении языка.

У кого-нибудь есть идеи по этому поводу? Огромное спасибо! AdV

1 Ответ

0 голосов
/ 25 ноября 2018

  1. Свяжите свой выбор с ($i18n.locale) в html

    <select name="lang" v-model="$i18n.locale"> <option v-for="lang in langs" :value="lang">@{{ $t('general.' + lang) }}</option> </select>

Примечание: @ символ перед фигурными скобками, потому что этот код находится в моем файле .blade.php. Если вы находитесь в файле .vue, это примечание необходимо.

...