怎么在这个按钮上写if语句<el-button type="text" size="mini" icon="el-icon-delete" @click="handleDelete(scope.row)" v-if="scope.row.finishTime" v-hasPermi="['workflow:process:remove']" >删除</el-button>这怎么写if语句判断根据状态为0展示,为1不展示
时间: 2023-07-19 19:35:00 浏览: 44
你可以在 `v-if` 中判断 `scope.row.finishTime` 的值是否为 0,如果为 0 则展示该按钮,否则不展示,代码如下所示:
```html
<el-button
type="text"
size="mini"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-if="scope.row.finishTime === 0"
v-hasPermi="['workflow:process:remove']"
>
删除
</el-button>
```
这样,只有当 `scope.row.finishTime` 的值为 0 时才会展示该按钮。
相关问题
<el-button type="text" size="mini" icon="el-icon-delete" @click="handleDelete(scope.row)" v-if="scope.row.finishTime" v-hasPermi="['workflow:process:remove']" >删除</el-button>这怎么写if语句判断根据状态为0展示,为1不展示
你可以使用三元表达式来实现这个逻辑:
```
v-if="scope.row.finishTime === 0 ? true : false"
```
如果`finishTime`等于0,则条件为`true`,按钮会展示;如果`finishTime`不等于0,则条件为`false`,按钮不会展示。
vue-element-admin <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" >新增</el-button> 为啥显示但是移动到按钮上和点击按钮都没有反应
这可能是因为 `handleAdd` 方法没有正确绑定或者没有实现。请先确保 `handleAdd` 方法已经定义且在 `methods` 对象中进行了绑定。如果已经绑定,那么可以通过在 `handleAdd` 方法中加入一个 `console.log` 语句来检查方法是否被正确调用。此外,还可以检查浏览器控制台是否有报错信息,以确定是否存在其他问题。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)