Element-ui使用技能收集
1。表格表格展开行(1)功能需求:点击表格某行任意位置展开该行的二级表格,同时收起其他行展开。(2)实现方法://template//次要形式
//scriptexpands:[];//获取需要展开的行的no属性,赋值给展开行方法的数组getRowClick(row:any){if(this.expands.indexOf(row.no)<0){this.expands=[];this.expands.push(row.no);}else{this.expands=[];}}(3)方法介绍:@row-click:当一行被点击时会触发该事件;row-key:行数据的Key,用于优化Table的渲染,本项目使用tableData中的no属性作为ke是;expand-row-keys:你可以使用这个属性来设置Table当前展开的行。您需要设置row-key属性才能使用它。该属性为加粗(4)中展开行的keys数组,实现效果: