ant design vue 问题记录

  1. 表格滚动到底部,翻页的时候不会回到顶部

解决方法: 翻页change事件获取了列表之后,手动将scrollTop设为0

async handleTableChange (pagination) {
     this.pagination.current = pagination.current
     await this.getList()
     // 滚动条回到顶部
     document.querySelector('.ant-table-scroll .ant-table-body').scrollTop = 0
}

2、tabs组件切换抖动问题

场景为采用tabs切换选择,但是内容和tabs分离,就是a-tab-pane标签内容是空的,切换tabs时如果有进行异步请求,tabs下面的滑块会有抖动效果,觉得应该是计算滑块宽度和位置问题引起(但是为什么没有异步请求就不会呢)

暂时的解决办法是修改原先的transition

// tabs的滑块过度动画重写
.ant-tabs-ink-bar {
  transition: transform .2s ease !important;
}

这样设置animated="false"的也有滑动效果哦,如果不需要的话可以直接设置ant-tabs-ink-bar-animated

3、rangepicker 月双日期控件

当前版本的月控件存在的问题:

1、无法设置禁用日期,就是时间范围disabledDate,当前的方法是采用2个月控件拼凑,通过联动去做时间选择的控制

2、无法选择当前月-当前月的范围,因为日期控件做了限制,结束日期月份一定会大于开始日期月份,方法同上,采用2个单月份控件

4、表单验证错误,自动滚动到第一个错误的位置validateFieldsAndScroll

this.form.validateFieldsAndScroll((err, values) => {
    if (!err) {
        this.confirmLoading = true
        this.handleSave(values)
    } else {
        setTimeout(() => {
            this.confirmLoading = false
        }, 600)
    }
})

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值