本文为整理记录本人使用Ant Design Vue以后,针对项目中业务需求所遇到的各种难点、BUG、及教程整理?。
1、在main.js里面的全局配置notification.config,message.config,我的需求是自动关闭延时秒数延长到6秒,
// 引入Ant Design Vue
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(Antd);
import { message } from 'ant-design-vue'
Vue.prototype.$message = message;
message.config({
duration: 5,
});
之前页面会报错:Uncaught ReferenceError: notification is not defined,大概1月初,记不清时间了,有次更新antD-vue以后,我这么写的全局message配置不会报错了,应该是官方修复了吧。
2、一个开箱即用的中后台前端/设计解决方案(主要依赖组件库 ant-design-vue )
链接:https://github.com/iczer/vue-...
以下为使用过程中遇到的API问题:
1、Progress 进度条组件的API里的 strokeColor 参数使用了不生效!而element的 Progress组件的 color 属性用起来是正常的。
然后提交了issue,确认是bug,之后已经修复了,https://github.com/vueCompone...。
2、anchor组件做楼层导航效果的时候有个坑,当时我碰到的问题是:页面往下滚动时,anchor组件做的楼层导航不会吸顶,并没有触发(没有ant-affix类名),正常情况是会吸顶的,即会添加ant-affix类名(此类名是设置固定定位的css)。当时碰到这个问题,找了一下午一晚上都没解决,然后我新建一个vue-demo,在demo里测试时没问题的,可以正常吸顶,然后我发现是我配置的全局样式base.css里的body设置了overflow-x:hidden; 我注释掉这个属性后anchor组件做的楼层导航效果就可以正常触发了。这个真是坑死我了?