avue_crud点击操作栏通过按钮后,隐藏按钮,显示成功字样
时间: 2023-07-31 13:04:36 浏览: 178
CRUD.rar_CRUD.rar_crud_java crud
你可以给每个操作按钮绑定一个点击事件,在点击事件中隐藏该按钮,并显示成功字样。具体实现方法如下:
1. 给操作按钮绑定点击事件:
```html
<el-table-column label="操作">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)">点击</el-button>
</template>
</el-table-column>
```
2. 在点击事件中隐藏按钮并显示成功字样:
```js
methods: {
handleClick(row) {
// 隐藏按钮
row.showButton = false;
// 显示成功字样
row.showSuccess = true;
}
}
```
其中,`showButton` 和 `showSuccess` 是在数据源中定义的两个属性,分别控制按钮和成功字样的显示和隐藏。
阅读全文