「Vue」实用组件

一、时间格式

1.安装Moment模块

npm i moment -S
2.main.js中设置全局过滤器
import moment from 'moment'
Vue.filter('ctime',function(data,timeset='YYYY-MM-DD HH-mm-ss'){
return moment(data(不传数值即为现在时间)).format(timeset)
})
3.过滤器使用设置
<span>发表时间:{{item.add_time | ctime('YYYY-MM-DD'(不设置时间格式即为默认设置))}}</span>

二、数组内字典去重

定义方法
unique(arr) {
const res = new Map();
return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id,1))
},

使用:this.repairList = this.unique(ret.data.data)

三、数组内字典ID排序

methods内定义方法

sortByKey(arr,key) {
return arr.sort(function(a,b){
var x = a[key];
var y = b[key];
return ((x<y)?-1:((x>y)?1:0))
})
},
computed内调用
getRepairList() {
return this.sortByKey(this.repairList,'id')
},
上一篇:再次用CodeIgniter实现简易blog


下一篇:第 28 章 CSS3 多列布局