使用vue ant design 分页以及表格分页改为中文

最新推荐文章于 2024-05-15 17:27:32 发布

liantaiyou

最新推荐文章于 2024-05-15 17:27:32 发布

阅读量4.7k

点赞数 3

文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/liantaiyou/article/details/109482163

版权

<template>
    <div id="app">
      <a-config-provider :locale="locale">
   <router-view />
  </a-config-provider>

    </div>
</template>
<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
export default {
  data () {
    return {
      locale: zhCN
    }
  }
}
</script>

//分页 
:pagination="paginationOpt
data(){
 paginationOpt: {
        showSizeChanger: true,
        showQuickJumper: true,
        defaultCurrent: 1,
        defaultPageSize: 10,
        total: 500,
        showTotal: total => `共${total}条记录 `
      },
      }