Question

我正在使用vue-i18n在Vue中构建前端进行翻译。我做了一个按钮来选择有效的语言。现在，我想隐藏按钮以选择当前语言。语言选择在我的工具栏上，它本身就是一个组件。可按压图标在插槽中定义。

工具栏模板：

<template>
    <v-app-bar
      app
      color="primary"
      dark
    >
        <v-toolbar-title>
        {{ $t('mainScreen.modulePlanning') }}
        </v-toolbar-title>
        
        <v-spacer></v-spacer>
        <slot name="buttons"></slot>
    </v-app-bar>
</template>

可按下图像以选择语言（有几次相似，全部工作相同）

<template v-slot:buttons :navTo="this.navTo" :changeLocale="this.changeLocale" :$i18n="this.$i18n">
<v-img :v-if="$i18n.locale!=='de'" @click="() => {changeLocale('de')}" src='...png' 
/>
</template>

更改语言环境方法：

    changeLocale: function(locale) {
      this.$i18n.locale = locale
    }

v-if指令不起作用。无论选择哪种语言，按钮（图像）都是可见的。

有人有什么主意吗？

谢谢

本

根据vue中的当前i18n语言环境显示元素

0 个答案: