我正在使用 Vuetify,想要添加我自己的按钮翻译,并使用 Vuetify 提供的翻译。我目前的 Vuetify 配置文件设置如下:
import Vue from "vue"
import Vuetify from "vuetify"
import "vuetify/dist/vuetify.min.css"
import "@fortawesome/fontawesome-free/css/all.css"
import VueI18n from "vue-i18n"
import messages from "./i18n"
import en from 'vuetify/es5/locale/en'
import nl from 'vuetify/es5/locale/nl'
Vue.use(Vuetify)
Vue.use(VueI18n)
const locale = navigator.language
const i18n = new VueI18n({
locale: locale,
messages: messages,
})
export default new Vuetify({
theme: {
themes: {
light: {
primary: "#8BC34A",
secondary: "#627ACC"
}
}
},
icons: {
iconfont: "fa",
},
lang: {
locales: { en, nl },
current: locale,
t: (key, ...params) => i18n.t(key, params),
},
});
My locale
被设定为nl
,而且当我将其设置为en
它给了我以下错误:
键“$vuetify.noDataText”的值不是字符串!无法翻译
键路径“$vuetify.noDataText”的值。使用 keypath 的值
作为默认值。
但是当我将 Vuetify 翻译消息添加到我的i18n
文件它的工作原理:
const messages = {
en: {
$vuetify: {
noDataText: 'No data available',
},
}
但在理想情况下,我想将 Vuetify 翻译、荷兰语自定义翻译和英语自定义翻译分开在不同的文件中。有人可以帮我找出如何分离翻译逻辑吗?