记录使用Ant Design Vue过程中遇到的各种难点及教程(不定时更新)

本文为整理记录本人使用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组件做的楼层导航效果就可以正常触发了。这个真是坑死我了?

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值