众所周知,后端从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"
width="100">
align="center"
prop="username"