VueI18n 检查翻译是否存在

Question

有没有办法检查翻译是否存在？

<p v-if="$t('some_key')">{{ $t('some_key') }}</p>

在这种情况下，如果没有翻译，它将打印“some_key”。也许有一种方法可以配置全局回退？

Answer 1

您可以使用该$te方法。

用法示例：

<p v-if="$te('some_key')">{{ $t('some_key') }}</p>

https://kazupon.github.io/vue-i18n/api/#vue-injected-methods

Answer 2

<template>
    <p v-if="te('some_key')">{{ t('some_key') }}</p>
</template>

<script setup>
import { useI18n } from 'vue-i18n';
...
const { t, te } = useI18n();
</script>