-
表格滚动到底部,翻页的时候不会回到顶部
解决方法: 翻页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)
}
})