elementUI table type="expand"打开时触发事件
expand-change(row, (expandedRows | expanded))
需求,在table type="expand"打开时执行一个请求,并处理逻辑,在官网中发现一个方法可以实现
- HTML
<el-table
style="width:100%;margin-bottom: 15px;"
:data="Tabledata.filter(data => !search || data.fault_hop.toLowerCase().includes(search.toLowerCase())||data.network_level.toLowerCase().includes(search.toLowerCase())||data.fault_county.toLowerCase().includes(search.toLowerCase())||data.start_time.toLowerCase().includes(search.toLowerCase()))"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
@expand-change="zydescription"
>
- methods
methods:{
async zydescription(data){
let params = new URLSearchParams();
params.append('city',data.fault_county);
params.append('level',data.network_level);
let obj = await initAxios(params);
}
}