element-plus分页组件默认显示英文,设置成中文显示。
生活随笔
收集整理的這篇文章主要介紹了
element-plus分页组件默认显示英文,设置成中文显示。
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
問題描述:
正常引入后發現分頁組件默認顯示的是英文,但是我們需要的是中文的。原因分析:
是因為element-plus組件內部默認使用英語,如果需要其他語言這需要進行多語言設置。1.0.2-beta.59(包含59)之后的更新: 在 1.0.2-beta.59(包含59) 之后,我們重新組織了代碼,讓國際化功能能夠被正常的使用(不論是全引入還是按需引入),一共有兩種方式在項目中使用。
?1. 通過 ConfigProvider 的方式來使用,詳細的使用方法請查閱 ConfigProvider 的文檔
如果你的項目中還在使用 options API, 那么你應該使用此方法,我們更加建議用戶使用該方法,因為這樣會減少使用的負擔,但如果你在項目中深度使用 Composition API,那么你可以使用第二種方法來為整個應用提供語言支持。
解決方案:
只需要在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>總結
以上是生活随笔為你收集整理的element-plus分页组件默认显示英文,设置成中文显示。的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 将linux中显示中文改成英文显示
- 下一篇: LintCode 183.木材加工