ant-design-vue目前的默认方案是英文,如果需要使用其他语言,可以参考下面的方案

LocaleProvider
ant-design-vue提供了一个Vue组件LocalProvider用于全局配置国际化方案

import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
data () {
    return {
      locale: zhCN,
     }
 }
<a-config-provider :locale="locale">
          <a-pagination :total="dataCount" :show-total="dataCount => `共 ${dataCount} 条`" show-size-changer
            show-quick-jumper v-model="currentPage" @showSizeChange='showSizeChange' @change='changePage'
            :page-size="pageSize">
            <template slot="buildOptionText" slot-scope="props">
              <span>{{ props.value }}条/页</span>
            </template>
          </a-pagination>
        </a-config-provider>
Logo

前往低代码交流专区

更多推荐