zoukankan      html  css  js  c++  java
  • elementUI vue table status的状态列颜色变化和操作列状态显示(停用, 启用)

    <div id="app" style="display: none">
        ...
        <el-table-column prop="status" label="状态" width="80" align="center">
            <template scope="scope">
                <span v-if="scope.row.status==0" style="color:red;">停用</span>
                <span v-if="scope.row.status==1" style="color:green;">启用</span>
            </template>
        </el-table-column>
        ...
        <el-table-column label="操作" width="150" fixed="right" align="center">
            <template scope="scope">
               <el-button type="text" size="mini" @click="blockUp(scope.row)" v-if="scope.row.status==1">停用</el-button>
               <el-button type="text" size="mini" @click="startUsing(scope.row)" v-if="scope.row.status==0">启用</el-button>
            </template>
        </el-table-column>
        ...
    </div>
  • 相关阅读:
    。。。。。。
    数据库
    python基础
    。。。。
    drf
    CRM笔记梳理
    人生苦短,我学PYTHON
    React的初步了解
    递归与迭代比较
    有没有大佬会很标准的三层架构
  • 原文地址:https://www.cnblogs.com/yysbolg/p/9877763.html
Copyright © 2011-2022 走看看