常见问题

    以下整理了一些 Ant Design Vue 社区常见的问题和官方答复，在提问之前建议找找有没有类似的问题。

    不。事实上你可以使用工具（请自行 Google）将 Less 转换成 Sass/Stylus 等。

    如何在 DatePicker 中使用 dayjs

    我们还提供另一种实现方式。使用 antd-dayjs-webpack-plugin 插件，无需对现有代码做任何修改直接替换成 Day.js。请参考 。

    国际化没有生效？

    组件提供的语言包并不对日期格式化起作用，你需要额外导入 moment 语言包，并应用，参考 ConfigProvider 组件。如果你使用 Vite 作为构建工具，因 Vite 尚不完善，你需要在你的项目中额外执行 npm i --save moment 进行安装。

    当我点击 Select Dropdown DatePicker TimePicker Popover Popconfirm 内的另一个 popup 组件时它会消失，如何解决？

    使用 <a-select :getPopupContainer="trigger => trigger.parentNode"> 来将组件渲染到滚动区域内，或者使用其他的 getXxxxContainer 参数。

    如何修改 Ant Design Vue 的默认主题？

    参考主题定制。

    如何配置 webpack 以优化 momentjs 的打包大小？

    参考： 。

    当我动态改变 defaultValue,defaultOpenKeys, initialValue等defaultXxxx的时候它并没有生效。

    Input/Select 等的 defaultXxxx（例如 defaultValue）只有在组件第一次渲染的时候有效，此特性参考自React。切记：第一次、第一次、第一次….

    ant-design-vue 覆盖了我的全局样式！

    是的，ant-design-vue 在设计的时候就是用来开发一个完整的应用的，为了方便，我们覆盖了一些全局样式，现在还不能移除，想要了解更多请追踪这个 issue： ，或者参考这个教程 How to avoid modifying global styles?

    ant-design-vue 在移动端体验不佳。

    ant-design-vue 并非针对移动端设计。

    当我指定了 DatePicker/RangePicker 的 mode 属性后，点击后无法选择年份/月份？

    在业务开发中，你可能有年份选择，月份范围选择，周范围选择等需求，此时你给现有组件增加了 mode 属性，却发现无法进行点击选择行为，面板也不会关闭。

    这是因为 <DatePicker mode="year" /> 不等于 YearPicker，<RangePicker mode="month" /> 不等于 MonthRangePicker。 mode 属性是在 antd 3.0 时，为了控制面板展现状态而添加的属性，以支持等需求而添加的。mode 只会简单的改变当前显示的面板，不会修改默认的交互行为（比如 DatePicker 依然是点击日才会完成选择并关闭面板）。

    解决办法