详解vue2.0的Element UI的表格table列时间戳格式化_vue.js_脚本之家

这两天学习了vue2.0的Element
UI的表格table列时间戳格式化,所以,今天添加一点小笔记。

编辑器另外一个很重要的功能就是代码格式化了,VS
Code默认提供常见文件的格式化,如.js,.html等。

new Vue({ el: '#tableView', data: { //列表数据 tableData: [{ "createTime":1491559642000, "updateTime":1491559642000 }], }, methods:{ //时间格式化 dateFormat:function { var date = row[column.property]; if  { return ""; } return moment.format("YYYY-MM-DD HH:mm:ss"); } } }); 

添加对.vue文件的格式化支持

简单来说,vue组件传入的方法函数应该使用v-bind属性绑定

这里我们添加对 .vue 文件的格式化支持。 1. 安装 Vetur 插件 2. 在 VS Code
的设置中添加如下规则:

时间格式化使用moent.js

{ "vetur.format.defaultFormatter": { "html": "prettier", "css": "prettier", "postcss": "prettier", "scss": "prettier", "less": "prettier", "js": "prettier", "ts": "prettier", "stylus": "stylus-supremacy" }}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

这里是设置 Vetur 默认使用的格式化插件 prettier。 这样对于.vue文件中的
html 和 javascript 代码都有格式化支持了。

www.hj8828.com,使用符合 ESLint 规范的格式化

1、使用 prettier 格式化 .js 文件

可以设置 prettier 在格式化的时候,读取项目的 .eslintrc的配置,对
js代码进行格式化。