vue实战中使用过滤器的使用以及时间戳的转换

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

步骤：
1、打开你的项目的根目录，用cmd打开，执行代码
npm install moment -- save 即可安装moment插件，操作图如下：

2、打开你要想使用moment的那个文件，然后在script内部引入即可，操作图如下：

3、使用过滤器，让你的时间戳变成正常时间，操作图如下：

*过滤器的格式： “变量 + 管道符 + 管道名称”，变量就是你要转换的时间戳，也就是图中的scope.row.publishTime，管道符就是中间那个竖线，管道名称是一个函数，会在vue实例中的filters过滤器中调用

4、在vue实例中的filters过滤器对象中，定义刚才的“dateFMT”函数，操作图如下：*其中dateFMT是个回调函数，里面的str就是上一个步骤中的scope.row.publishTime这个变量，也就是说这个变量通过管道，到达了这里，然后返回一个值。后面的.format（）函数是官方定义的，里面的YYYY-MM-DD，是一种格式，代表着年月日，还有其他更多的格式，想看请点这里

最后效果图：

以上是 vue实战中使用过滤器的使用以及时间戳的转换 的全部内容， 来源链接： utcz.com/z/376291.html

回到顶部