写出vue根据审核状态显示隐藏按钮的代码,状态为1显示审核按钮,隐藏退回按钮,状态为2显示退回按钮,隐藏审核按钮
时间: 2023-12-30 20:13:22 浏览: 143
基于vue 实现表单中password输入的显示与隐藏功能
可以在 `v-if` 和 `v-else` 中使用条件渲染来实现:
```html
<template>
<div>
<button v-if="status === 1">审核</button>
<button v-else-if="status === 2">退回</button>
</div>
</template>
```
其中 `status` 是一个在 Vue 组件中声明的变量,它的值会根据审核状态而改变。当 `status` 的值为 1 时,会显示“审核”按钮;当 `status` 的值为 2 时,会显示“退回”按钮。如果 `status` 的值既不是 1 也不是 2,那么不会显示任何按钮。
阅读全文