如何使用vue.js实现界面中英文切换

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用vue.js实现界面中英文切换相关的知识,希望对你有一定的参考价值。

参考技术A 中英文切换如一楼那样做不行吧,如果要用JS做且不访问后台的话,应该使用国际化的那一套东西,把要显示的text部分定义在一个JS对象里,切换的时候重新在前台加载一遍就可以了

如何在 Laravel 中将 Vue.js 切换到生产模式?

【中文标题】如何在 Laravel 中将 Vue.js 切换到生产模式?【英文标题】:How to switch Vue.js to production mode in Laravel? 【发布时间】:2020-01-29 16:45:02 【问题描述】:

由于 Vue.js 已经安装在 Laravel 中,我不知道如何将其设置为生产模式。

当我启动我的网站时,我会在控制台中收到消息:

您正在开发模式下运行 Vue。 确保在部署生产时打开生产模式。

【问题讨论】:

【参考方案1】:

只需使用“npm run production”构建您的资产

【讨论】:

我知道它会像这样简单,这就是为什么我在任何地方都找不到它。谢谢【参考方案2】:

方法一

npm run production

方法二 在 Laravel 中,在 laravel 配置中添加环境变量,并根据运行时加载 Vue 配置。

定义:MIX_ENV_MODE=production

用法:process.env.MIX_ENV_MODE

最后,将此代码添加到您的任何配置脚本文件中

if (process.env.MIX_ENV_MODE === 'production') 
    Vue.config.devtools = false;
    Vue.config.debug = false;
    Vue.config.silent = true; 

【讨论】:

以上是关于如何使用vue.js实现界面中英文切换的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js 使用 v-for 单击时切换类

如何在 Laravel 中将 Vue.js 切换到生产模式?

前端框架Vue.js——vue-i18n ,vue项目中如何实现国际化

我有一个 Vue JS 模板如何创建切换动画?

如何用Vue.js制作一个切换主题的按钮?

如何仅在 vue.js 中对特定点击的卡片应用切换/样式?