Не срабатывает интернационализация во Vue?

Question

[fostsinger]

Я включил интернационализацию в свой проект (я решил использовать vue-i18n lib)

на @ click.prevent = "localizee (key)" язык переключается в dropdown, но метод localizee не работает

template:

<div>
    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" role="button"
            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            {{ locales[locale]}}
        </a>
        <div class="dropdown-menu">
            <a v-for="(value, key) in locales" :key="key" class="dropdown-item" href="#"
                @click.prevent="localizee(key)">
                {{ value }}
            </a>
        </div>
    </li>
</div>

Answer 1

[0xD34F]

locales: ['ru', 'en'],
locale: 'ru',

{{ locales[locale]}}

v-for="(value, key) in locales"

@click.prevent="localizee(key)"

Ничего не смущает? Есть массив языков, есть текущий язык. А работаете вы с текущим языком не как с языком, а как с его индексом - и при выводе в шаблон, и при установке языка. Что это за шизофрения?

Comments

[fostsinger]

я просто новичок . v-for="(value, key) in locales @click.prevent="localizee(value)". так вот срабатывает понятное дело. только мне нужно что б при нажатии на выбраный язык отоборажалось его название

[0xD34F]

fostsinger,

мне нужно что б при нажатии на выбраный язык отоборажалось его название

Ну так замените в шаблоне locales[locale] на locale.