vue上传表格的时候解析数据_Vue实现表格中对数据进行转换、处理的方法

这篇文章主要为大家详细介绍了Vue实现表格中对数据进行转换、处理的方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

众所周知，后端从Mysql取出的数据，一般是很难单独处理某一个Key的数据的(需要处理的话，可能会浪费大量的性能。而且对页面加载时间有很大的影响)，所以，从数据库取出的数据。只能由前端进行处理。但是在Vue中，如果采用了element等组件，利用数据绑定的特性，也是很难对表格遍历的数据进行单独行的处理的。

我们这边取一个例子来说。比如Mysql datetime 类型的数据与我们一般的显示的形式是不一样的，为了用户更好的体验，势必需要对时间格式进行转换的。

下图是从mysql中默认取出的datetime 类型时间

【图片暂缺】

我们一般时间显示都是是XXXX年XX月XX日 XX：XX的。上图与我们认知习惯很不一样，肯定不能这样的。下面我们来做时间的转换。

代码如下：

新增用户

:data="tableData"

border

style="width: 100%" size="small">

align="center"

prop="id"

label="用户ID"