Vue v-if 动态控制el-button 显示
一般情况下前端在做表格是时候会有需要动态渲染按钮,下面是我实现动态渲染按钮案例实现根据后台返回值显示不同的按钮vue 代码片段:<template slot-scope="scope"><el-button type="primary" size="mini" @click="toEdit(scope)">修改</el-button><el-button
·
一般情况下前端在做表格是时候会有需要动态渲染按钮,下面是我实现动态渲染按钮案例实现
根据后台返回值显示不同的按钮
vue 代码片段:
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toEdit(scope)">修改</el-button>
<el-button type="danger" size="mini" @click="deleteMember(scope)">删除</el-button>
<el-button type="info" v-if="scope.row.status == 1" size="mini" @click="startQuartz(scope)">任务启动</el-button>
<el-button type="warning" v-if="scope.row.status == 0" size="mini" @click="stopQuartz(scope)">任务暂停</el-button>
<el-button type="danger" size="mini" @click="deleteQuartz(scope)">任务删除</el-button>
</template>
更多推荐
已为社区贡献64条内容
所有评论(0)