iView中表格添加点击展开扩展的功能

前言：

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