插件时间格式处理moment如何使用

简介: 插件时间格式处理moment如何使用

第1步下载插件 cnpm i moment -S


第2步 在main.js中去使用


在main.js中 注册全局过滤器 fmtdata是等会你用的 可以自定义
fmtdata直接可以调用。是一个过滤器哈
Vue.filter("fmtdata",(v)=>{
  return moment(v).format("YYYY-MM-DD")
})


template要使用内部的数据  设置slot-scope属性
slot-scope的值tableData其实就是el-table绑定的数据tableData
userlist.row是数组中的每一个对象


users.vue文件####


<el-table :data="tableData" style="width: 100%">
      <el-table-column  label="创建时间">
        //fmtdata 直接嗲用过滤器,进行时间格式
        <template slot-scope="tableData">{{ tableData.row.create_time|fmtdata }}</template>
      </el-table-column>
       <el-table-column prop="name" label="姓名" width="180"></el-table-column>
</el-table>


注意tableData是:data="tableData"绑定的额  slot-scope="tableData"  create_time是字段  fmtdata你全局注册的过滤器


删除 prop=""属性

相关文章
|
XML 存储 编解码
android 目录结构中 drawable(hdpi,ldpi,mdpi) 的区别
android 目录结构中 drawable(hdpi,ldpi,mdpi) 的区别
540 1
|
应用服务中间件 nginx
cmd 杀掉 nginx后台进程 命令杀掉nginx后台 nginx 常用命令
cmd 杀掉 nginx后台进程 命令杀掉nginx后台 nginx 常用命令
1559 0
|
移动开发 JavaScript 前端开发
Vue与VScode实用插件大全
Vue与VScode实用插件大全
|
C# 索引
C#之表达式与运算符
C#之表达式与运算符
|
12天前
|
存储 关系型数据库 分布式数据库
PostgreSQL 18 发布,快来 PolarDB 尝鲜!
PostgreSQL 18 发布,PolarDB for PostgreSQL 全面兼容。新版本支持异步I/O、UUIDv7、虚拟生成列、逻辑复制增强及OAuth认证,显著提升性能与安全。PolarDB-PG 18 支持存算分离架构,融合海量弹性存储与极致计算性能,搭配丰富插件生态,为企业提供高效、稳定、灵活的云数据库解决方案,助力企业数字化转型如虎添翼!
|
11天前
|
存储 人工智能 搜索推荐
终身学习型智能体
当前人工智能前沿研究的一个重要方向:构建能够自主学习、调用工具、积累经验的小型智能体(Agent)。 我们可以称这种系统为“终身学习型智能体”或“自适应认知代理”。它的设计理念就是: 不靠庞大的内置知识取胜,而是依靠高效的推理能力 + 动态获取知识的能力 + 经验积累机制。
379 133