配置页面图标 #安装图标 npm install @element-plus/icons-vue 1. 2. 导入和注册图标 官方图标地址 https://element-plus.org/zh-CN/component/icon.html#%E5%9B%BE%E6%A0%87%E9%9B%86%E5%90%88 1. 动态配置导航栏图标 修改路由 在路由icon: ‘HelpFilled’,配置路由的关键字 引用路由配置 <el-icon...
3:配置main.js文件 //引入中英文切换插件vue-i18n import VueI18n from 'vue-i18n' Vue.use(VueI18n) // 挂载 const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 messages: { 'zh-CN': require('./lang/zh'), // 通过require引入中文语言包 'en-US': require('./lang/en') // 通...
langName.value='中文'; }else{ langName.value='English'; } language.value=lang; localStorage.setItem('lang', lang); ElMessage.success('语言切换成功'); location.reload();}; //页面加载判断语言 onMounted(()=>{ if(localStorage.getItem('lang') == undefined || localStorage.getItem('lang') =...
简单的使用方式请参考 Element Plus 官方文档-国际化示例,以下介绍 vue3-element-admin 整合 pinia 实现国际化语言切换。Element Plus 提供了一个 Vue 组件 ConfigProvider 用于全局配置国际化的设置。<!-- src/App.vue --> import { ElConfigProvider } from 'element-plus'; import { useAppStore } from...
<!-- src/components/HelloWorld.vue --> <template> <el-button type="info"><svg-icon icon-class="block"/>SVG 本地图标</el-button> </template> 整合SCSS一款CSS预处理语言,SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。
element-plus-icons基于Vue3的组件图标库 vue-quill可视化在线文本编辑器 quill-image-resize文本编辑器图片重置尺寸 vue-cropper基于Vue3的图片裁剪 pinia状态管理 vue-i18n-next多国语言文字切换 js-md5MD5加密 nprogress进度条加载 echarts多功能图表 项目安装(依赖安装) ...
代码语言:javascript 代码运行次数:0 复制 Cloud Studio代码运行 yarn add vue-router@4 之后在src目录下新建router/index.ts,写入一些基本路由,这里需要注意的是,vue3和vue2时候定义路由的方式发生了细微的变化,我还没有深入学习,暂时知道是这么写的就行。我们的路由通常分为无需权限路由(比如登录)和需要权限的路...
fix: 当系统参数配置默认appId与前端不一致时可能产生的切换应用问题 7个月前 wk-wechat change: for 8.3.0-SNAPSHOT & add: wk-starter-mongodb 10个月前 .gitignore add: vue3 通用导入xlsx组件 & 后端职务导入示例代码 1年前 LICENSE init v7 ...
丰富主题切换 全局搜索 锁屏 多标签页 全局面包屑 多语言 图标库 富文本编辑器 Echarts 图表 Utils工具包 网络异常处理 路由级别鉴权 侧边栏菜单鉴权 鉴权指令 移动端适配 优秀的持久化存储方案 本地数据存储校验 代码提交校验与格式化 代码提交规范化 兼容性 支持Chrome、Safari、Firefox 等现代主流浏览器。 安装运行...
<!-- src/components/HelloWorld.vue --> <template> <el-button type="info"><svg-icon icon-class="block"/>SVG 本地图标</el-button> </template> 整合SCSS 一款CSS预处理语言,SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。 安装依赖 npm i -D sass 创建var...