当前位置：首页 > news >正文

国际化不生效

news 来源：原创 2025/7/15 8:20:41

经过我的重重检查最终发现是版本问题。

原本下载默认next版本cnpm install vue-i18n@next

下载国际化插件

cnpm install vue-i18n@^9.14.3

删除掉node_models，再重新加载包：cnpm install 这时候就可以正常显示了

国际化操作：

en.js zh.js为这种格式的数据:

export default {login: {title: 'User Login',loginBtn: 'Login',usernameRule: 'Username is required',passwordRule: 'Password cannot be less than 6 digits',desc: `Test authority account:<br />Provide three kinds of authority accounts:<br />1. Super administrator account: super-admin <br />2. Administrator account: admin <br />3. Test configurable account: test <br />The uniform password is: 123456 <br /><br />Import user account:<br />You can log in with the imported username <br />The password is unified as: 123456 <br /><b>Note: Import user-discriminatory Chinese and English libraries! ! ! ! </b>`},route: {profile: 'Profile',chart: 'chart',user: 'user',excelImport: 'ExcelImport',userManage: 'EmployeeManage',userInfo: 'UserInfo',roleList: 'RoleList',permissionList: 'PermissionList',article: 'article',articleRanking: 'ArticleRanking',articleCreate: 'ArticleCreate',articleDetail: 'ArticleDetail',articleEditor: 'ArticleEditor'}
}

i18n/index.js

import { createI18n } from 'vue-i18n'
import mZhLocale from './lang/zh'
import mEnLocale from './lang/en'
import store from '@/store'const messages = {en: {msg: {...mEnLocale}},zh: {msg: {...mZhLocale}}
}/*** 返回当前 lang*/
function getLanguage () {return store && store.getters && store.getters.language
}
const i18n = createI18n({// 使用 Composition API 模式，则需要将其设置为falselegacy: false,// 全局注入 $t 函数globalInjection: true,locale: getLanguage(),messages
})export default i18n

再在main.js中挂载。

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import installElementPlus from './plugins/element'
import './styles/index.scss'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import installIcons from './icons'
import './permission.js'
import i18n from './i18n'
const app = createApp(App)
installElementPlus(app)
// 导入svg图标
installIcons(app)
// 全局注册element图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {app.component(key, component)
}
app.use(store).use(router).use(i18n).mount('#app')

组件中调用

<template>中

<p class="title">{{ $t('msg.theme.themeColorChange') }}</p>

<script>中

<script setup>
import { useI18n } from 'vue-i18n'
import { computed, effect } from 'vue'
import { useStore, defineProps } from 'vuex'
import { ElMessage } from 'element-plus'defineProps({effect: {type: String,default: 'dark',validator: function (value) {return ['dark', 'light'].indexOf(value) !== -1}}
})const store = useStore()
const language = computed(() => store.getters.language)
// 切换语言的方法
const i18n = useI18n()
const handleSetLanguage = (lang) => {// 切换i18n的localei18n.locale.value = lang// 修改vuex中保存的languagestore.commit('app/setLanguage', lang)// 提示ElMessage.success(i18n.t('msg.toast.switchLangSuccess'))
}
</script>

国际化不生效

经过我的重重检查最终发现是版本问题。原本下载默认next版本cnpm install vue-i18nnext 下载国际化插件 cnpm install vue-i18n^9.14.3 删除掉node_models，再重新加载包：cnpm install 这时候就可以正常显示了国际化操作： en.js zh…...

编程日记 2025/7/15 8:20:41

新一代人工智能驱动医疗数智化：范式变革、实践方向及路径选择

人工智能（AI）正以前所未有的速度重构医疗健康行业的底层逻辑，从数据获取、知识建模到临床决策支持，AI不仅是“辅助工具”，更日益成为医疗生产力体系的核心引擎。随着大模型、计算平台和数智基础设施的迅猛发展，医疗数智化正进入从“点状创新”走向“系统重构”的深水区。…...

编程日记 2025/7/9 17:17:20

OpenCV 图形API（55）颜色空间转换-----将图像从 RGB 色彩空间转换为 I420 格式函数RGB2I420()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述将图像从 RGB 色彩空间转换为 I420 色彩空间。该函数将输入图像从 RGB 色彩空间转换为 I420。R、G 和 B 通道值的常规范围是 0 到 255。输出图…...

编程日记 2025/7/15 8:05:31

大模型安全吗？数据泄露与AI伦理的黑暗面！

大模型安全吗？数据泄露与AI伦理的黑暗面！ 随着人工智能技术的飞速发展，尤其是大型语言模型（如GPT-3、BERT等）的出现，AI的应用场景越来越广泛，从智能客服到内容生成，从医疗诊断到金融…...

编程日记 2025/7/14 8:54:58

穿越链路的旅程：深入理解计算机网络中的数据链路层

一、引言在计算机网络的七层模型中，数据链路层（Data Link Layer） 是连接物理世界与逻辑网络世界的关键一环。它位于物理层之上，网络层之下，负责将物理层的“比特流”转换成具有结构的数据帧，并确保数据在…...

编程日记 2025/7/15 4:26:41

《AI大模型应知应会100篇》第35篇：Prompt链式调用：解决复杂问题的策略

第35篇：Prompt链式调用：解决复杂问题的策略摘要在大模型应用中，单次提示的能力往往受限于上下文长度和任务复杂度。为了解决这些问题，Prompt链式调用应运而生。本文将深入探讨如何通过分解任务、设计逻辑链路、传递中间结果&am…...

编程日记 2025/7/15 6:23:38

管理100个小程序-很难吗

20公里的徒步-真难群里的伙伴发起了一场天目山20公里徒步的活动，想着14公里都轻松拿捏了，思考了30秒后，就借着春风带着老婆孩子就出发了。一开始溪流清澈见底，小桥流水没有人家；青山郁郁葱葱，枯藤老树没有…...

编程日记 2025/7/15 6:49:30

算法恢复训练-Part01-数组

注：参考的某算法训练营的计划核心注意点在 Golang（和大多数主流语言，如 C/C）中，二维数组按行访问的效率更高。因为它符合 Go 的内存连续存储结构，能提高 CPU Cache 命中率，减少内存跳跃带来…...

编程日记 2025/7/12 20:42:58

软件黑盒与白盒测试详解

黑盒测试与白盒测试的核心对比一、定义与核心目标黑盒测试定义：将程序视为“黑盒”，仅通过输入和输出验证功能是否符合需求规格，不关注内部代码逻辑。目标：确保功能完整性、输入输出正确性及用户体验，例如验证购物车…...

编程日记 2025/7/15 6:51:57

本文通俗简介-优雅草星云物联网AI智控系统软件介绍-星云智控是做什么用途的？？-优雅草卓伊凡

本文通俗简介-优雅草星云物联网AI智控系统软件介绍-星云智控是做什么用途的？？-优雅草卓伊凡星云智控：物联网设备实时监控的革新力量一、引言在科技飞速发展的当下，物联网技术的广泛应用使得各类设备的实时监控与管理变得愈发…...

编程日记 2025/7/15 6:17:26

查询达梦某个对象上是否有统计信息 select id,T_TOTAL,N_SMAPLE,N_DISTINCT,N_NULL,BLEVEL,N_LEAF_PAGES,N_LEAF_USED_PAGES,LAST_GATHERED from sysstats where id IN (select id from sysobjects where upper(name)upper(&objname));可能有系统对象，可以增加…...

编程日记 2025/7/15 7:38:51

【MQ篇】RabbitMQ之发布订阅模式！

目录引言一、回顾：简单模式与工作队列模式的局限 😔二、发布/订阅模式详解：消息的“广播站” 📻三、 RabbitMQ 中的交换机类型：不同的“广播方式” 📻四、 Java (Spring Boot) 代码实战Fanout 模式的完整…...

编程日记 2025/7/15 6:53:29

如何批量为多张图片（JPG、PNG、BMP、WEBP 等格式）添加自定义水印保护

「鹰迅批量处理工具箱」提供了强大的批量水印添加功能，支持常见的图片格式，如 JPG、JPEG、PNG、BMP、GIF、WEBP 等。用户不仅可以选择添加文字水印或图片水印，还能自定义设置水印的样式、位置和透明度等参数，操作简单而高效&#…...

编程日记 2025/7/15 7:36:55

LeetCode每日一题4.23

题目问题分析计算每个数字的数位和：对于从 1 到 n 的每个整数，计算其十进制表示下的数位和。分组：将数位和相等的数字放到同一个组中。统计每个组的数字数目：统计每个组中有多少个数字。找到并列最多的组：返回数…...

编程日记 2025/7/15 7:37:52

Kafka简介

简介基本概念 Kafka是分布式发布 - 订阅消息系统，最初由LinkedIn开发，后成为Apache项目一部分，可类比为放鸡蛋的篮子，生产者产蛋放入，消费者从中取蛋。消息系统优势：分布式系统，易扩展&am…...

编程日记 2025/7/15 6:26:33

大数据利器：Kafka与Spark的深度探索

在大数据领域，Kafka和Spark都是极为重要的工具。今天就来和大家分享一下我在学习和使用它们过程中的心得。 Kafka作为分布式消息系统，优势显著。它吞吐量高、延迟低，能每秒处理几十万条消息，延迟最低仅几毫秒；可扩展性…...

编程日记 2025/6/29 11:23:54

使用logrotate实现日志轮转

logrotate 是一个强大的 Linux 工具，用于自动化管理日志文件的轮转、压缩、删除和归档。它能有效防止日志文件无限增长，节省磁盘空间，同时保持日志的可追溯性。以下是详细讲解 logrotate 的用法，涵盖安装、配置、测试、自动化、常…...

编程日记 2025/7/15 6:43:25

第52讲：农业AI + 区块链——迈向可信、智能、透明的未来农业

目录一、为什么农业需要“AI+区块链”？二、核心应用场景解读 1. 农产品溯源系统 2. 农业信贷与保险精准评估 3. 农业碳足迹追踪与碳汇交易三、案例实战分享：智能溯源 + 区块链合约四、面临挑战与展望五、总结在数字农业时代，“AI” 和 “区块链” 是两股不容忽…...

编程日记 2025/7/13 1:41:28

视频智能分析平台EasyCVR无线监控：全流程安装指南与功能应用解析

在当今数字化安防时代，无线监控系统的安装与调试对于保障各类场所的安全至关重要。本文将结合EasyCVR视频监控的强大功能，为您详细阐述监控系统安装过程中的关键步骤和注意事项，帮助您打造一个高效、可靠的监控解决方案。一、调试物资准备与…...

编程日记 2025/7/15 6:53:29

Spring Cloud Eureka 与 Nacos 深度解析：从架构到对比

一、Eureka：经典微服务注册中心 （一）核心定位与特性 Spring Cloud Eureka 是 Netflix 开源的服务注册与发现组件，在微服务架构中扮演 "大脑" 角色，负责服务的注册、发现与状态管理。其核心优势在于通过心跳…...

编程日记 2025/7/15 7:28:30

深入详解Java中的@PostConstruct注解：实现简洁而高效初始化操作

🧑 博主简介：CSDN博客专家、CSDN平台优质创作者，高级开发工程师，数学专业，10年以上C/C, C#, Java等多种编程语言开发经验，拥有高级工程师证书；擅长C/C、C#等开发语言，熟悉Java常用开…...

编程日记 2025/7/10 18:27:38

【Unity笔记】Unity 编辑器扩展：一键查找场景中组件引用关系（含完整源码）（组件引用查找工具实现笔记）

摘要： 本文介绍了如何在 Unity 编辑器中开发一款实用的编辑器扩展工具 —— ComponentReferenceFinder，用于查找场景中对某个自定义组件的引用关系。该工具特别适用于大型项目、多人协作或引入外部插件后，快速定位组件间的耦合关系。本文从需…...

编程日记 2025/7/14 1:14:59

实体店的小程序转型之路：拥抱新零售的密码-中小企实战运营和营销工作室博客

实体店的小程序转型之路：拥抱新零售的密码-中小企实战运营和营销工作室博客在当今数字化浪潮的冲击下，实体店面临着前所未有的挑战，但小程序的出现为实体店转型新零售带来了新的曙光。先来看一组惊人的数据，据相关统计&#xff…...

编程日记 2025/7/9 19:28:18

Mysql安装与备份配置分析

若之前存有msqyl的数据缓存，建议用以下命令将数据文件删除干净 mysql-server：主程序 mysql：客户端工具 mysql-devel：开发库 mysql-libs：共享库文件 /var/lib/mysql：数据目录 /etc/my.cnf : 主配置文件 …...

编程日记 2025/6/29 11:09:35

Android APP 爬虫操作

工具夜神模拟器、charles、mitm 等 mitm的使用参考:Mitmproxy对Android进行抓包（真机）_mitmproxy 安卓-CSDN博客 charles的使用参考：【全网最详细】手把手教学Charles抓包工具详细自学教程，完整版安装教程，详细介绍…...

编程日记 2025/6/29 9:31:59

与Ubuntu相关命令

windows将文件传输到Ubuntu 传输文件夹或文件 scp -r 本地文件夹或文件 ubuntu用户名IP地址:要传输到的文件夹路径例如： scp -r .\04.py gao192.168.248.129:/home/gao 如果传输文件也可以去掉-r 安装软件 sudo apt-get update 更新软件包列表 sudo apt insta…...

编程日记 2025/6/29 9:32:20

Unity常用内置变换矩阵

Unity引擎提供了一系列内置的变换矩阵，这些矩阵在着色器中用于处理物体、摄像机和光照的坐标变换，是游戏开发中不可或缺的工具。它们帮助开发者在顶点着色器和片段着色器中实现坐标转换、光照计算等功能。主要变换矩阵类型模型矩阵 (Model Matrix) /…...

编程日记 2025/6/29 12:07:09

算法题-图论

图的表示 207.课程表 127.单词接龙图的遍历 DFS 递归。。。 200.岛屿数量 239.矩阵中的最长递增路径 BFS 102.二叉树的层序遍历看到最短，首先想到的是BFS 542.01矩阵 207.课程表 127.单词接龙拓扑排序对于一个有向无环图G进行拓扑排序，是将G中…...

编程日记 2025/6/29 11:56:24

Java 8（Ubuntu 18.04.6 LTS）安装笔记

一、前言本文与【MySQL 8（Ubuntu 18.04.6 LTS）安装笔记】同批次：先搭建数据库，再安装JVM，后面肯定就是部署Web应用了——典型的单机部署，真可谓“麻雀虽小五脏俱全”。二、准备 （1&#xff…...

编程日记 2025/7/13 1:41:39

unity编辑器的json验证及格式化

UNITY编辑器的json格式化和验证工具资源-CSDN文库https://download.csdn.net/download/qq_38655924/90676188?spm1001.2014.3001.5501 反复去别的网站验证json太麻烦了用这个工具能方便点 # Unity JSON工具这是一个Unity编辑器扩展，用于验证、格式化和压缩JSO…...

编程日记 2025/7/11 10:06:01

C语言中小写字母转大写字母

一、题目引入这一题运行结果是什么? 二、代码分析在这个代码中首先 -> 定义了一个字符数组空间内存是80 里面存储的是字符串123abcdEFG*& 接着 -> 定义了一个整型变量j 后面的循环会用到然后 -> 使用了<stdio.h>中的库函数puts(ch)原样打印…...

编程日记 2025/7/10 18:58:49

深度学习--卷积神经网络调整学习率

文章目录前言一、学习率1、什么学习率2、什么是调整学习率3、目的二、调整方法1、有序调整1）有序调整StepLR(等间隔调整学习率)2）有序调整MultiStepLR(多间隔调整学习率)3）有序调整ExponentialLR (指数衰减调整学习率)4）有序调整…...

编程日记 2025/7/11 8:55:53

桥接模式：分离抽象与实现的独立进化

桥接模式：分离抽象与实现的独立进化一、模式核心：解耦抽象与实现的多层变化在软件设计中，当抽象（如 “手机品牌”）和实现（如 “操作系统”）都可能独立变化时，使用多层继承会导致…...

编程日记 2025/6/29 12:29:19

配置kafka与spark连接

一、配置kafka 首先进到software目录当中，如下图所示： 安装包上传/解压/重命名/解压过后的目录如下图所示： 修改配置： cd config vi server.properties 全部修改语句如下所示（以node01为样例）&#xff1…...

编程日记 2025/6/29 12:19:52

WebXR教学 05 项目3 太空飞船小游戏

准备工作自动创建 package.json 文件 npm init -y 安装Three.js 3D 图形库，安装现代前端构建工具Vite（用于开发/打包） npm install three vite 启动 Vite 开发服务器（推荐）（正式项目开发） …...

编程日记 2025/7/15 5:19:52

【leetcode】3524 求出数组的X值1

题目链接题目描述给你一个正整数数组 nums 和一个正整数 k。你可以对数组执行一次操作：移除不重叠的前缀和后缀（可以为空），留下一个连续非空子数组。对于每一种留下的子数组，计算： (该子数组的乘积…...

编程日记 2025/7/10 22:48:13

配电室安全用电漏电保护装置的安全用电措施

配电室作为电力分配与控制的关键场所，其安全用电装置的重要性不言而喻。防触电、防漏电、防火灾、安全防护、保障生命财产； 当用电设备发生短路、过载或漏电等异常时能迅速切断电源，精准定位问题。及时报警，防止触电在配电室中…...

编程日记 2025/7/10 1:25:59

数据库-基本概述和 SQL 语言

标题目录基本概述DB和DBMS关系数据库库与表的概念表库数据库在项目中的角色如何操作数据库 SQL 语言SQL 分类DDL 语言数据库操作创建数据库查看数据库删除数据库切换数据库表的操作创建表查看表修改表名删除表修改表结构 DML 语言插入数据修改数据删除数据基本概述 DB和DB…...

编程日记 2025/6/29 10:37:37

C语言中的递归1.0

一、递归函数概念引入简单来说就是自己调用自己递归函数满足的两个条件: 1.每次调用函数本身,必须一次又一次接近最终结果 2.必须有停止条件二、代码展示用递归求1到4的和代码如下三、代码分析首先进入main主函数入口 int sum getsum(4); 就这个具体题目来看我…...

编程日记 2025/6/29 12:07:47

解锁webpack：对html、css、js及图片资源的抽离打包处理

面试被问到webpack，可别只知道说 HtmlWebpackPlugin 了哇。前期准备安装依赖 npm init -y npm install webpack webpack-cli --save-dev配置打包命令 // package.json {"scripts": {// ... 其他配置信息"build": "webpack --mode pr…...

编程日记 2025/7/12 12:19:12

[特殊字符] 大模型对话风格微调项目实战——模型篇 [特殊字符]✨

📜 目录 🎯 背景介绍 🔍 这篇文章的任务 🤖 模型选型 📊 模型评测 ⚙️ 模型训练 🔄 模型转换 🧪 模型训练效果评估 🎉 总结 🎯 背景介绍本文是《大模型对话风…...

编程日记 2025/7/14 13:29:30

lerobot[act解析]

ACT是具身智能模仿学习中重要的一个算法，本文会先从这个算法是是什么，这个算法如何工作的，到这个算法为什么有效，也就是what->how->why的这么一个顺序来进行解析 ACT 是什么？（What） 核心…...

编程日记 2025/7/15 5:55:47

使用Python创建带边框样式的Word表格

引言在生成Word文档时，表格的边框样式是提升专业度的重要细节。本文将通过一个实例，展示如何使用python-docx库为表格添加上下边框加粗和内部边框隐藏的复杂样式。代码将实现以下效果： 表格位于页面底部表格首行和末行的上下边框加粗隐藏内…...

编程日记 2025/7/10 12:44:31

GPLT-2025年第十届团体程序设计天梯赛总决赛题解(共计266分)

今天偶然发现天梯赛的代码还保存着，于是决定写下这篇题解，也算是复盘一下了 L1本来是打算写的稳妥点，最后在L1-6又想省时间，又忘记了insert，replace这些方法怎么用，也不想花时间写一个文件测试&#xff0c…...

编程日记 2025/6/29 12:25:49

基于SpringBoot的课程管理系统

前言今天给大家分享一个基于SpringBoot的课程管理系统。 1 系统介绍课程管理系统是一种专门为学校设计的软件系统，旨在帮助学校高效地管理和组织各类课程信息。该系统通常包括学生、教师和管理员三大角色。他们可以通过系统进行选课、查看课程表、考试、进…...

编程日记 2025/6/29 11:32:33

新品发布 | 6 秒全谱成像，VIX-N320 内置推扫式高光谱相机重磅发布

深圳市中达瑞和科技有限公司正式发布全新一代VIX-N320内置推扫式可见光近红外高光谱相机，一款集高速成像、高精度光谱分析与便携性于一体的革命性产品。以突破性技术重新定义光谱成像效率与精度，开启智能感知新纪元。作为国内唯一同时掌握凝采式、推扫式…...

编程日记 2025/7/9 1:33:39

手写深拷贝函数

在 JavaScript 中，深拷贝是指创建一个对象或数组的完全独立副本，包括其嵌套的对象或数组。这意味着修改副本不会影响原始对象。以下是手写一个通用的深拷贝函数的实现： 深拷贝函数实现 function deepClone(target, map new WeakMap()) {//…...

编程日记 2025/7/9 21:38:31

智能电网第3期 | 配电房巡检机器人通信升级方案

随着电力系统智能化发展，配电房巡检机器人是保障电力设备安全稳定运行的重要工具，其通信稳定性关乎巡检效率与质量。配电房巡检智能化升级面临着多项挑战： 电磁干扰大：配电房电气设备密集，电磁干扰强，易造成…...

编程日记 2025/7/13 5:27:07

阿里云 AI 搜索开放平台：RAG智能化工作流助力 AI 搜索

——已获知乎作者【小小将】授权转载最近AI圈的变化可谓是日新月异，随着大模型的技术突飞猛进，大模型的能力日益增强。这些都驱动着我们的搜索技术快速演进到了下一代，也就是 AI 搜索的技术。大模型的快速发展不仅重塑了搜索技术的基础&…...

编程日记 2025/6/29 9:31:43

同z科技面经

同z科技-2025-4-23 1.自我介绍个人信息校园经历实习经历项目经历个人技能掌握目前学习技术 2.封装缓存工具类怎么封装的先介绍使用缓存的问题解决的逻辑封装的逻辑应用缓存穿透： 缓存雪崩： 缓存击穿： https://www…...

编程日记 2025/7/15 1:37:24

相关文章：