<el-button v-if="row.excessWithdrawalAmount == 2" size="small" @click="pass(row)" icon="el-icon-s-check" >通过</el-button >结合这段代码点击通过后,隐藏这个按钮,显示成功文字
时间: 2024-02-20 15:56:01 浏览: 43
隐藏html控件的button按钮
好的,根据你的要求,我可以为你提供以下代码实现点击通过后隐藏按钮并显示成功文字:
```html
<template>
<el-button v-if="row.excessWithdrawalAmount == 2 && !row.isPassed"
size="small"
@click="pass(row)"
icon="el-icon-s-check"
>
通过
</el-button>
<div v-if="row.isPassed">
成功
</div>
</template>
<script>
export default {
methods: {
pass(row) {
// 执行通过操作
row.isPassed = true;
}
}
};
</script>
```
这个代码片段中,我们添加了一个 `isPassed` 属性来控制成功文字的显示。当用户点击通过按钮时,我们会在 `pass` 方法中将 `isPassed` 属性设置为 `true`,这样成功文字就会显示出来,同时通过按钮也会被隐藏。
阅读全文