element-plus分页组件默认显示英文,设置成中文显示。
生活随笔
收集整理的這篇文章主要介紹了
element-plus分页组件默认显示英文,设置成中文显示。
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
問(wèn)題描述:
正常引入后發(fā)現(xiàn)分頁(yè)組件默認(rèn)顯示的是英文,但是我們需要的是中文的。原因分析:
是因?yàn)閑lement-plus組件內(nèi)部默認(rèn)使用英語(yǔ),如果需要其他語(yǔ)言這需要進(jìn)行多語(yǔ)言設(shè)置。1.0.2-beta.59(包含59)之后的更新: 在 1.0.2-beta.59(包含59) 之后,我們重新組織了代碼,讓國(guó)際化功能能夠被正常的使用(不論是全引入還是按需引入),一共有兩種方式在項(xiàng)目中使用。
?1. 通過(guò) ConfigProvider 的方式來(lái)使用,詳細(xì)的使用方法請(qǐng)查閱 ConfigProvider 的文檔
如果你的項(xiàng)目中還在使用 options API, 那么你應(yīng)該使用此方法,我們更加建議用戶使用該方法,因?yàn)檫@樣會(huì)減少使用的負(fù)擔(dān),但如果你在項(xiàng)目中深度使用 Composition API,那么你可以使用第二種方法來(lái)為整個(gè)應(yīng)用提供語(yǔ)言支持。
解決方案:
只需要在app.vue中使用el.config.provider包裹跟組件
<template><el-config-provider :locale="locale"><App /></el-config-provider> </template><script> import { ElConfigProvider } from 'element-plus'import zhCn from 'element-plus/lib/locale/lang/zh-cn'defineComponent({components: {[ElConfigProvider.name]: ElConfigProvider,},data() {return {locale: zhCn,}}, }) </script>總結(jié)
以上是生活随笔為你收集整理的element-plus分页组件默认显示英文,设置成中文显示。的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 将linux中显示中文改成英文显示
- 下一篇: 使用Jquery、HTML、CSS、JS