Javascript Vue-i18n和列表

我目前正在使用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）}

这里我遇到了一个问题，{$t（I.element.name）}}被正确翻译，但是在第一次初始化之后不会改变。因此，如果我将语言从英语更改为德语，所有其他标签和字符串都会更改，但列表仍然是英语的（Wochentag:|星期一|星期二|……）

为此，我需要一种可能，要么重新提交列表（可能通过id，但在jQuery中找不到任何内容），要么在每次语言更改时重新提交列表

有人对此有想法吗？ 非常感谢！ AdV

将您的选择绑定到html中的（

$i18n.locale

）

@{{$t（'general.'+lang）}

注意：@symbole在花括号之前是因为此代码在我的

.blade.php

文件中。如果您在

.vue

文件中，则需要注意