解决Ant Design国际化问题

淮南生枳

已于 2022-12-30 17:07:14 修改

阅读量365

点赞数 1

文章标签： vue.js javascript 前端

于 2022-12-30 15:37:19 首次发布

本文链接：https://blog.csdn.net/m0_68654266/article/details/128496509

版权

1.先在main.js中全局引入

import LocaleProvider from 'ant-design-vue'
Vue.use(LocaleProvider)

2.在app.vue中应用

<template>
<!-- 3 全局汉化-->
<a-config-provider :locale="locale">
  <div id="app">
    <router-view/>
  </div>
</a-config-provider>
</template>

<script>
// 1.引入
import zhCn from 'ant-design-vue/lib/locale-provider/zh_CN'
export default {
   data(){
    return{
      // 2.赋值
      locale:zhCn
    }
  }
}
</script>