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>
复制代码

 

posted @   快了星球  阅读(1460)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示