t-table 表格 @expand-change 判断收缩还是展开方法.
根据官方文档,该方法返回两个参数,所以通过参数来校验,通过 Array 跟 当前选中的 value 来判断展开还是收缩。
因为展开我这边展开是要调用接口的,所以要用到判断展开还是收缩的方法
expand-change | (expandedRowKeys: Array<string | number>, options: ExpandOptions<T>) | 展开行发生变化时触发,泛型 T 指表格数据类型。详细类型定义。interface ExpandOptions<T> { expandedRowData: Array<T>; currentRowData: T } |
方案示例代码:
方案实战示例效果
对比 element-plus 代码如下方式,通过@expand-change 方法
当用户对某一行展开或者关闭的时候会触发该事件(展开行时,回调的第二个参数为 expandedRows;树形表格时第二参数为 expanded)
const handleExpandChange = async (row, expandRows) => {
try {
if (expandRows && expandRows.length) {
let res = await queryListApi({
id: row.id
});
console.log(res);
}
} catch (error) {
console.error(error);
}
};