「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')
        },