Laravel Vue语言翻译

Posted 2021-04-09

有人能告诉我一个vue-router和vue-i18n的工作示例，我正在使用laravel和vue，我的所有翻译都准备好了laravel，现在我使用laravel-vue-i18n-generator插件将它们转换为javascript翻译

但是当我在我的component.vue文件上使用它们时，我得到了这个警告http://prntscr.com/bkg9qo

任何帮助，将不胜感激。

答案

这是一个非常古老的问题，但这个问题非常普遍。所以对于进一步的观点，这就是答案！

在你的app.js文件中导入以下2：

import VueInternalization from 'vue-i18n';

import Locales from './vue-i18n-locales.generated.js';（这将通过工匠命令vue-i18n:generate生成

在下面显示的const声明之前，我导入了forEach

Object.keys(Locales).forEach(function (lang) {
   Vue.locale(lang, Locales[lang])
});

const app = new Vue({
    el: '#app'
});

最后，为了设置语言环境，我将以下几行添加到我的app.blade.php中

<script type="text/javascript">
    Vue.config.lang = '{{ app()->getLocale() }}';
</script>

希望这可以帮助！