前言:
iview的table里面的展开,我们一般会希望点击行来触发这个效果
更多
效果图:
实现代码:
template:
<Table @on-row-click="onExpand"></Table>
mehtods:
methods:{
onExpand(row,index){
this.msgData.forEach((item,i)=>{ //这个循环是为了每次只能展开一个,其他自动收起,不需要可以去掉
i !== index ? this.msgData[i]._expanded = false : '';
})
this.msgData[index]._expanded = !this.msgData[index]._expanded;
this.msgData.sort()
}
}