Laravel Vue 语言翻译

Question

有人能给我展示一个使用vue-router和vue-i18n的工作示例吗？我正在使用laravel和vue，已经准备好了所有的laravel翻译，并使用laravel-vue-i18n-generator插件将它们转换为javascript翻译。

然而，当我在component.vue文件中使用它们时，我收到了这个警告：http://prntscr.com/bkg9qo

任何帮助都会被赞赏。

- Zem

---

请上传代码示例。 - Dov Benyomin Sohacheski

Answer 1

这是一个相当古老的问题，但这个问题确实很普遍。为了进一步阐述，这里是答案！

在你的app.js文件中引入以下两个：

import VueInternalization from 'vue-i18n';

import Locales from './vue-i18n-locales.generated.js'; （这将通过artisan命令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>

希望这能帮到你！

- Stefano Groenland