Quasar：使用单文件组件访问组合 API 中的 $t

Question

在quasar docs中，建议使用以下示例在 SFC 脚本中进行翻译：

<script>
export default {
  data() {
    return {
      content: this.$t('mykey3')
    }
  }
}
</script>

但是，我想知道如何在 <script setup> 标记内使用带有单文件组件的组合 API 从脚本内部访问 $t。

<script lang="ts" setup>
import { ref } from 'vue'

const example = ref($t('fldldf'))
</script>

上面的例子结束于：

Uncaught (in promise) ReferenceError: $t is not defined

Answer 1

您可以使用 useI18n 可组合函数来获取 t 函数：

<script lang="ts" setup>
import { ref } from 'vue'
import { useI18n } from 'vue-i18n'

const { t } = useI18n()

const example = ref(t('fldldf'))
</script>

参考：https://vue-i18n.intlify.dev/api/composition.html#usei18n

Quasar：使用单文件组件访问组合 API 中的 $t

Quasar: Access $t inside Composition API with Single-File Components

vue.js

internationalization

quasar-framework

quasar

vue-i18n