vite + element-plus 设置中文语言,element-plus 1.0.2-beta.59(包括59)之后第一步: 第二步:
在放组件的文件夹中,新建个js文件把所有组件都导出: // 这里统一把组件都导出,在main.js中引入 import Vue from 'vue' import pgFrom from './pg-form' import pgTable from './pg-table' // 注意每个组件内部一定要有name属性,要不拿下面不到对象的 Vue.component(pgFrom.name, pgFrom) Vue.component...
首先导入语言包 importzhCnfrom"element-plus/lib/locale/lang/zh-cn";importenfrom"element-plus/lib/locale/lang/en"; 使用组件 App.vue <el-config-provider:locale="locale"><router-view></router-view>中文英文</el-config-provider> 实现changeLanguage import{ref}from"vue";constlocale=ref(zhCn);const...
resolvers: [ElementPlusResolver()], }), Components({ resolvers: [ElementPlusResolver()], }), ], }) ③ 添加全局配置 在引入ElementPlus时,可以在App.vue 中传入一个包含size和zIndex属性的全局配置对象。 size用于设置表单组件的默认尺寸 zIndex用于设置弹出组件的层级,zIndex的默认值为2000 <template> ...
element-plus中文配置 这里补上一个之前遗漏的点,就是element-plus国际化,element-plus默认语言为英文,我们这里需要设置为中文,所以需要引入一下中文包。 由于我们是自动引入的,所以无法进行全局配置,element-plus为我们提供了一个全局配置的组件,我们可以在App.vue中进行使用 ...
element-plus官网给的方案是在html上添加dark类名,在项目中创建个响应变量去修改css变量,可以添加很多种配色方案吧。 document.querySelector(':root').computedStyleMap().get("--el-text-color-primary") 补充element-plus网站的代码 (() => { const e = localStorage.getItem("el-theme-appearance"); (e...
基础环境 vite@4.4.9 element-plus@^2.3.12 path-browserify@^1.0.1 vite 移除了node的垫片包, 所以 , 所以,在使用 path-browserify 一定会报错, process is not defined 解决办法 源码中, 作者没有去处理这个问题,那么, 我们将源码中的 resolve方法 copy到项目中即可
组件中文化 import zhCn from "element-plus/lib/locale/lang/zh-cn"; <template> <el-config-provider :locale="zhCn"> </el-config-provider> </template> 解决TS报错 image.png 其实auto-imports.d.ts已经有了,原因在于tsconfig.json中有如下 "include": ["src/**/*.ts", "src/**/*.d.ts...
图标组件 安装 npm install @element-plus/icons-vue@2.3.1 编辑src/main.ts,注册所有图标。 import'./style.css' import*asElementPlusIconsVuefrom'@element-plus/icons-vue' constapp = createApp(App) for(const[key, component] ofObject.entries(ElementPlusIconsVue)) { ...
element-plus自动导入 可以直接复制下面的vite.config.js的代码 pnpm add -D unplugin-vue-components unplugin-auto-import importAutoImportfrom'unplugin-auto-import/vite'importComponentsfrom'unplugin-vue-components/vite'import{ ElementPlusResolver }from'unplugin-vue-components/resolvers'// ...// },plug...