目錄
一、安裝：
1.?環(huán)境支持
2. 版本
3. 安裝（包管理器npm安裝）
?二、使用
1.?完整引入
2.?Volar 支持
3. 國際化
三、國際中文化時(shí)錯(cuò)誤解決
一、安裝：
官網(wǎng)：一個(gè) Vue 3 UI 框架 | Element Plus (gitee.io)
1.?環(huán)境支持
由于 Vue 3 不再支持 IE11，Element Plus 也不再支持 IE 瀏覽器。
|
|
|
|
|
|---|---|---|---|
| Edge ≥ 79 | Firefox ≥ 78 | Chrome ≥ 64 | Safari ≥ 12 |
2. 版本
Element Plus 目前還處于快速開發(fā)迭代中。截至2023-03-24 版本為：2.3.1
3. 安裝（包管理器npm安裝）
使用包管理器進(jìn)行安裝：
# NPM
$ npm install element-plus --save
?二、使用
1.?完整引入
// main.ts
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')2.?Volar 支持
如果您使用 Volar，請?jiān)?tsconfig.json?中通過?compilerOptions.type?指定全局組件類型。
// tsconfig.json
{
"compilerOptions": {
// ...
"types": ["element-plus/global"]
}
}3. 國際化
Element Plus 組件?默認(rèn)?使用英語，如果你希望使用其他語言，可以參考下面的方案。
例如配置中文
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
app.use(ElementPlus, {
locale: zhCn,
})時(shí)間和日期本地化：
我們使用?Day.js?庫來管理組件的日期和時(shí)間，例如?DatePicker。 必須在 Day.js 中設(shè)置一個(gè)適當(dāng)?shù)膮^(qū)域，以便使國際化充分發(fā)揮作用。 您必須分開導(dǎo)入Day.js的區(qū)域設(shè)置。
import 'dayjs/locale/zh-cn'三、國際中文化時(shí)錯(cuò)誤解決
解決辦法，在env.d.ts文件中增加如下一行：
declare module 'element-plus/dist/locale/zh-cn.mjs';?
文章來源：http://www.zghlxwxcb.cn/news/detail-777183.html
?增加后，錯(cuò)誤提示消失！文章來源地址http://www.zghlxwxcb.cn/news/detail-777183.html
到了這里，關(guān)于VUE3 學(xué)習(xí)筆記（五）UI框架Element Plus的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
