更改Vuetify UI组件的基本语言

Question

例如： 显示在文档中：Vuetify documentation

我们用英语显示了“每页项数”。例如，如果我想更改文本或只是选择将其翻译为法语的语言，我该怎么做？

Answer 1

尽管没有明确提及locale道具似乎在所有vuetify组件中都存在，所以您可以使用它。看看我的例子。

src / components / my-datatable.vue

<template>
  <v-data-table
    :headers="headers"
    :items="desserts"
    :items-per-page="5"
    locale="fr"
  ></v-data-table>
</template>

src / plugins / vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

import fr from 'vuetify/src/locale/fr.ts'

Vue.component('my-component', {
  methods: {
    changeLocale () {
      this.$vuetify.lang.current = 'fr'
    },
  },
})

export default new Vuetify({
  lang: {
    locales: { fr },
    current: 'fr',
  },
})

Answer 2

<v-data-table :rows-per-page-items="rowOptions" :rows-per-page-text="rowPageText">           
</v-data-table>

data () {
   return {
       rowOptions: [
            5,
            15,
            25,
            { text: "$vuetify.dataIterator.rowsPerPageAll", value: -1 }
        ],
        rowPageText: "Objets par page:"
    }
}

或者您可能要检查 internationalization documentation