常见问题

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

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

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

    使用 <a-select :getPopupContainer="trigger => trigger.parentNode"> 来在 Popover 中渲染组件,或者使用其他的 getXxxxContainer 参数。

    Select Dropdown DatePicker TimePicker Popover Popconfirm 会跟随滚动条上下移动?

    使用 来将组件渲染到滚动区域内,或者使用其他的 getXxxxContainer 参数。

    第二、如果你不使用表单的自动校验/收集功能,即没有使用v-decorator修饰过得组件,你依然可以使用v-model

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

    参考。

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

    参考:https://github.com/jmblog/how-to-optimize-momentjs-with-webpack

    Input/Select 等的 defaultXxxx(例如 defaultValue)只有在组件第一次渲染的时候有效,此特性参考自。切记:第一次、第一次、第一次….

    当我设置了 Input/Select 等的 value 时它就无法修改了。

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

    是的,ant-design-vue 在设计的时候就是用来开发一个完整的应用的,为了方便,我们覆盖了一些全局样式,现在还不能移除,想要了解更多请追踪这个 issue:https://github.com/ant-design/ant-design/issues/4331 ,或者参考这个教程

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

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

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

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

    解决办法