vue项目中全局配置 antdesign-vue

499 阅读1分钟

步骤:

1、在全局配置main.js中,引入ConfigProvider

import ConfigProvider from "ant-design-vue";
Vue.use(ConfigProvider);

2、在App.vue中,修改ConfigProvider

<template>
  <a-config-provider :locale="locale">
      <!--此处的template为改写全局空状态,-->
        <template #renderEmpty>					
          <a-empty description="暂无数据"image="新的空图地址“ ></a-empty>
        </template>
    <div id="app">
      <router-view />
    </div>
  </a-config-provider>
</template>  
<script>
 // 将全局的语言改成中文
import zhCN from "ant-design-vue/lib/locale-provider/zh_CN";
export default {
  data() {
    return {
      locale: zhCN
    };
  }
};
</script>