Vue前端项目-用户管理-显示用户列表(下)

目录

1、表格中添加这三列

2、导入elementui组件

3、全局挂载解析日期的处理方法

4、日期处理方法

---

实现效果: 

 

1、表格中添加这三列

在 src / views / system / user / index.vue 中的 el-table 表格添加

      <el-table-column label="状态" align="center">
        <!-- 通过 slot-scope="scope" 接收数据 -->
        <template slot-scope="scope">
          <!-- scope.row 接收这一行数据 active-value: switch 打开时的值, inactive-value: switch 关闭时的值 -->
          <el-switch v-model="scope.row.status" active-value="0" inactive-value="1"></el-switch>
        </template>
      </el-table-column>
      <el-table-column label="创建时间" align="center" prop="creat