a-table的固定列出现错乱的问题解决的一种实现方案

82 阅读1分钟

validatenull的方法


export function validatenull(val) {
    if (typeof val == 'boolean') {
        return false;
    }
    if (typeof val == 'number') {
        return false;
    }
    if (val instanceof Array) {
        if (val.length == 0) return true;
    } else if (val instanceof Object) {
        if (JSON.stringify(val) === '{}') return true;
    } else {
        if (val == 'null' || val == null || val == 'undefined' || val == undefined || val == '') return true;
        return false;
    }
    return false;
}

核销实现

fixTableFixedMix(tableData) { //通过加减数据重新渲染table
            return new Promise((resolve, reject) => {
                if (this.$until.validatenull(tableData)) {
                    resolve([])
                } else {
                    let tempT = setTimeout(() => {
                        tableData = tableData.concat(tableData.pop())
                        resolve(tableData)
                        clearTimeout(tempT)
                    }, 300)
                }
            })
        }

主要是通过array的pop和concat的修改会重新刷新ui的思路

缺点: 表格数据会闪下