插件时间格式处理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) 的区别
608 1
|
移动开发 JavaScript 前端开发
Vue与VScode实用插件大全
Vue与VScode实用插件大全
|
C# 索引
C#之表达式与运算符
C#之表达式与运算符
|
6天前
|
云安全 人工智能 安全
AI被攻击怎么办?
阿里云提供 AI 全栈安全能力,其中对网络攻击的主动识别、智能阻断与快速响应构成其核心防线,依托原生安全防护为客户筑牢免疫屏障。
|
15天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
10天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
618 216