vue根据条件不同显示不同按钮
table表格展示数据 根据每条信息状态不同换按钮
<template slot-scope="scope"> <el-button v-if="scope.row.isDeleted === 0" @click="lowerShelf(scope.row.id)" size="mini" type="primary" plain>下架</el-button> <el-button v-else size="mini" type="primary" plain>已下架</el-button> </template>
根据跳转前网页传递信息 替换按钮
<!-- 按钮样式一 --> <el-form-item label-width="150px" style="width: 700px" v-if="form.status === '已驳回'" > <el-button type="primary" @click="onSubmit()" size="mini" >确定</el-button > <el-button @click="cancel()" size="mini">取消</el-button> </el-form-item>
<!-- 按钮样式二 --> <el-form-item label-width="150px" style="width: 700px" v-else> <el-button @click="cancel()" size="mini">返回</el-button> </el-form-item>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律