el-table单行操作按钮点击后禁用15秒
时间: 2023-10-06 14:04:41 浏览: 123
您可以使用以下代码来实现在点击单行操作按钮后禁用按钮15秒的功能:
```html
<el-table>
<el-table-column>
<!-- 在这里添加单行操作按钮 -->
<template slot-scope="scope">
<el-button @click="handleClick(scope.row, scope.$index)" :disabled="scope.row.disabled">
{{ scope.row.disabled ? '操作中' : '操作' }}
</el-button>
</template>
</el-table-column>
</el-table>
```
```javascript
data() {
return {
disableMap: new Map() // 用于存储每行按钮的禁用状态
};
},
methods: {
handleClick(row, index) {
// 禁用按钮并设置一个定时器来在15秒后重新启用它
this.$set(this.disableMap, index, true);
setTimeout(() => {
this.$set(this.disableMap, index, false);
}, 15000);
// 在这里添加您的操作代码
}
}
```
在上面的代码中,我们使用了一个名为`disableMap`的`Map`对象来存储每行按钮的禁用状态。在按钮被点击时,我们将其禁用并使用`setTimeout`函数在15秒后重新启用它。在处理完操作后,您可以在`handleClick`函数中添加任何其他必要的代码。
阅读全文