t-table 表格 @expand-change 判断收缩还是展开方法

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