老版本element的table插槽无法显示,就是操作那边,没有报错,
```html
<el-table :data="tableData11" style="width: 100%" @@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="SettlementbatchNumber" label="结算单号"> </el-table-column>
<el-table-column prop="EnterpriseID" label="企业卡号"> </el-table-column>
<el-table-column prop="EnterpriseName" label="企业名称"> </el-table-column>
<el-table-column prop="TotelFee" label="总结算金额"> </el-table-column>
<el-table-column prop="Days" label="总间夜"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="primary" size="mini" style="" >
明细
</el-button>
<el-button type="primary" size="mini" style="background: #E4A011;border:none;" v-on:click="GetDetailsBySettlementbatchNumber(scope.row.EnterpriseName,scope.row.TotelFee, scope.row.SettlementbatchNumber,0,0)">
撤销
</el-button>
<el-button type="primary" size="mini" style="background: #F46179; border: none; " v-on:click="GetDetailsBySettlementbatchNumber(scope.row.EnterpriseName,scope.row.TotelFee, scope.row.SettlementbatchNumber,0,0)">
下载
</el-button>
<el-button type="primary" size="mini" style="background: #649F76; border: none; " v-on:click="GetDetailsBySettlementbatchNumber(scope.row.EnterpriseName,scope.row.TotelFee, scope.row.SettlementbatchNumber,0,0)">
确认账单
</el-button>
</template>
</el-table-column>
</el-table>
```
哪个版本?
那个版本的element-ui
回答部分参考、引用ChatGpt以便为您提供更准确的答案:
根据您提供的代码和描述,您遇到的问题是在旧版本的Element库中,表格插槽无法显示,没有报错信息。以下是一些可能的解决方法:
如果以上方法都无法解决您的问题,建议考虑升级到最新版本的Element库或者使用其他类似的表格组件库来替代旧版本Element库。
请注意,由于无法查看您提供的图片内容,以上解决方法仅基于对代码和问题描述的理解。如果您有其他详细信息或者特定的错误提示,请提供更多细节以便我们能够提供更准确的帮助。
这里我首先利用table组件的属性row-class-name,进行动态设置每一行的类名,代码如下:
// 设置隔行变色
tableRowClassName({ rowIndex}) {
if (rowIndex % 2 === 0) {
return 'yellow'
} else {
return 'orange'
}
},
然后对不同的类名设置不同的颜色,代码如下:
::v-deep .yellow
background: linear-gradient(90deg,rgba(31,94,167,0.00) 3%, rgba(31,94,167,0.40) 40%, rgba(31,94,167,0.40) 70%, rgba(31,94,167,0.00) 100%) !important;
}
::v-deep .orange
background: linear-gradient(90deg,rgba(31,94,167,0.00) 3%, rgba(31,94,167,0.20) 50%, rgba(31,94,167,0.20) 70%, rgba(31,94,167,0.00) 100%) !important;
}
不能升级版本的话,你自定义列模板来实现相同功能吧