【无标题】

g0023

于 2023-05-06 16:44:44 发布

阅读量46

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/g0023/article/details/130530772

版权

文章讲述了在Vue项目的表格场景中，如何处理动态表格的内容，特别是将时间戳转换为可读日期。通过使用`parseTime`函数，对包含特定列名（如包含Time）的单元格进行转换，其他单元格则保持原样显示。同时，文章提到了表格的删除操作和权限控制。

摘要由CSDN通过智能技术生成

项目场景：

vue动态表格内容中的时间戳转换：

<el-table v-loading="loading" :data="dataShow" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center"/>
      <div v-for="(item, index) in tableHead" :key="index">
        <el-table-column :prop="item.column_name" :label="item.column_comment">
          <span v-if="checkTime(item.column_name)" slot-scope="scope">
            {{parseTime(scope.row[item.column_name],'{y}-{m}-{d} {h}:{m}:{s}')}}
          </span>
          <span v-else>
            {{scope.row[item.column_name]}}
          </span>
        </el-table-column>
      </div>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['game:notice:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>