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)
    }
})