Vue 3脚本设置配置中的vue-dataset翻译

ca1c2owp 于 2023-08-07 发布在 Vue.js

关注(0)|答案(1)|浏览(132)

我想翻译vue-dataset组件，但我不知道如何将其适应<script setup> Composition API格式。
vue-dataset文档说我可以使用组件的data属性扩展组件，如下所示。

import { Dataset } from 'vue-dataset'

export default {
  extends: Dataset,
  data() {
    return {
      // Provide the translated texts here
      datasetI18n: {
        show: 'Show',
        entries: 'entries',
        previous: 'Previous',
        next: 'Next',
        showing: 'Showing',
        showingTo: 'to',
        showingOf: 'of',
        showingEntries: 'entries'
      }
    }
  }
}

字符串
但我不知道如何适应我的应用程序使用<script setup>，也我想导入组件只有当它将被使用，但仍然翻译。
这是我在使用组件的每个视图中执行的导入。

import {
    Dataset,
    DatasetItem,
    DatasetInfo,
    DatasetPager,
    DatasetSearch,
    DatasetShow,
} from "vue-dataset";

型
我怎么能让每次我import它，它被翻译？

vue.js

来源：https://stackoverflow.com/questions/76810804/translations-of-vue-dataset-in-vue-3-script-setup-configuration

1条答案

按热度按时间

cqoc49vn1#

要使vue-dataset适应Vue 3中的Composition API格式并提供翻译，请创建一个提供翻译的 Package 器组件：

<template>
  <Dataset :datasetI18n="datasetI18n" v-bind="$attrs" v-on="$listeners" />
</template>

<script setup>
import { ref, onMounted } from 'vue';
import { Dataset } from 'vue-dataset'

const datasetI18n = ref({
  // Add translations here
});

onMounted(() => {
  import('vue-dataset').then(module => {
    Dataset = module.Dataset;
  });
});
</script>

字符串
这个 Package 器使用动态导入来加载vue-dataset。当使用这个 Package 器时，vue-dataset组件将加载提供的翻译。
希望这对你有帮助！

赞(0）回复(0）举报 2023-08-07

我来回答

Vue 3脚本设置配置中的vue-dataset翻译

1条答案

相关问题

热门标签

最新问答