美文网首页
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