美文网首页
element-plus组件默认的是英文 改为中文 (Pagin

element-plus组件默认的是英文 改为中文 (Pagin

作者: 潇潇芭蕉 | 来源:发表于2022-06-24 16:10 被阅读0次
分页.png

写一组分页,用的Pagination 分页,默认内容都是英文显示,百度改为中文的方法,大多是element-ui的修改方式,不适用。
最后找到一个方法,如下:
想全局可以写在app.vue中,单页引入就写在你需要的页面中

<template>
  <el-config-provider :locale="locale">
     <!-- 这里是内容 -->
  </el-config-provider>
</template>
 
<script>
import { ElConfigProvider } from 'element-plus'
// 引入中文包
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
export default {
  components: {
    [ElConfigProvider.name]: ElConfigProvider
  },
  setup() {
    const lang = () => {// eslint-disable-line no-unused-vars(如果运行时报错,就加上前面这行注释)
      location.reload()
    }
    let locale = zhCn
    return {
      locale
    }
  }
}
</script>

相关文章

网友评论

      本文标题:element-plus组件默认的是英文 改为中文 (Pagin

      本文链接:https://www.haomeiwen.com/subject/ustbvrtx.html