如何为不同的表扩展 span-method
How to extend span-method for different tables
我动态生成了一组卡片。而每张卡片都会生成一组table。每个 table 都会有不同的行跨度效果。我写了下面的代码,很明显,所有的table都会调用同一个方法objectSpanMethod。我想扩展 span-method 来添加一个参数来告诉不同的 table。怎么样?
<el-card v-for="(f, i) in arrangedflightInDay" :key="f.id" :name="f.name" class="box-card" >
<div class="clearfix">
<el-table
:data="arrangedPlanInDay[i].content"
:span-method="objectSpanMethod"
@selection-change="selectionRecords">
<el-table-column type="selection" width="40"> </el-table-column>
</el-table>
</div>
</el-card>
谢谢丹!
我找到另一种方法来做到这一点。以下代码供参考。
:span-method="objectSpanMethod(i)"
objectSpanMethod(idx) {
return ({ row, column, rowIndex, columnIndex })=>{
console.log(row, column, rowIndex, columnIndex)
console.log(idx)
}
}
我动态生成了一组卡片。而每张卡片都会生成一组table。每个 table 都会有不同的行跨度效果。我写了下面的代码,很明显,所有的table都会调用同一个方法objectSpanMethod。我想扩展 span-method 来添加一个参数来告诉不同的 table。怎么样?
<el-card v-for="(f, i) in arrangedflightInDay" :key="f.id" :name="f.name" class="box-card" >
<div class="clearfix">
<el-table
:data="arrangedPlanInDay[i].content"
:span-method="objectSpanMethod"
@selection-change="selectionRecords">
<el-table-column type="selection" width="40"> </el-table-column>
</el-table>
</div>
</el-card>
谢谢丹! 我找到另一种方法来做到这一点。以下代码供参考。
:span-method="objectSpanMethod(i)"
objectSpanMethod(idx) {
return ({ row, column, rowIndex, columnIndex })=>{
console.log(row, column, rowIndex, columnIndex)
console.log(idx)
}
}