vue3使用ant-desgin-vue遇到的问题总结（持续更新）

1. 如何引入icon   首先安装 npm install --save @ant-design/icons-vue   然后引入 import { CloudDownloadOutlined } from '@ant-design/icons-vue’;     接着注册   最后使用即可  

---

  2. ant-desgin-vue的分页和日期组件如何设置为中文?    分页设置中文   先引入   接着注册   用ConfigProvider 把a-pagination 分页组件包裹起来，并绑定动态属性:locale=zh_CH   记得vue3.0需要返回  

import zh_CN from "ant-design-vue/lib/locale-provider/zh_CN";
import { ConfigProvider } from 'ant-design-vue';
 
<div>
<ConfigProvider :locale="zh_CN">
<a-pagination v-model:current="current1" show-quick-jumper :total="500" @change="onChange" />
ConfigProvider>
div>

  日期组件设置中文   先引入  

 
import locale from 'ant-design-vue/es/date-picker/locale/zh_CN’;

  绑定动态属性   最后不要忘了返回   参考原文   

---

3. table组件自带的分页如何取消，固定表头如何设置 设置该属性即可 :pagination=“false”   设置固定表头 添加该属性 :scroll="{ y: 240 }”   注：作用是固定表头，并添最大高度为240，这个高度为自定义，也可设置为auto，超过该高度就出现滚动条  

---

  4. ant-desgin-vue的树形组件如何设置自定义图标   如下图，使用icon自定义图标，然后可以直接img插入图片，或插入引入字体图标 可以根据key加上v-if判断父级和子级前面是否显示图标

---

  4. 鼠标指向树形组件每一行，hover整行后，整行都能显示背景颜色     可以设置该属性blockNode 或 block-node   5.如果不仅需要在hover时，还想要点击选中某行后，也能显示整行背景色   没有提供该属性，并且点击选中某行时，给下面父子级类都设置了点击选中后的效果   父级类：ant-tree-treenode-selected 子级类：ant-tree-node-selected   因为选中之后都设置了样式，要想实现选中子级也跟hover一样，颜色显示整行， 需要把子级上面子级类设置为transparent，然后给上面父级类在设置hover后的颜色， 这样子级类被去掉了默认样式，点击选中某行时，就只会显示父级类的样式了  

---

  6. 如果只想在树形结构展开时在显示每行前面的图标，可设置expanded属性，如下图注释    

---

  7. 如果想要去掉表格的外边框和列边框   不要设置bordered属性，下图为设置该属性的效果   去掉该属性之后   如果想要全部去掉，剩下的border需要去覆盖原本css了，没有提供去掉全部border的属性  

---

  9. ant-design-vue的组件如何设置css样式   行内样式和去掉