当前位置: 代码迷 >> 综合 >> vue中filters 传入两个参数 / 使用两个filters
  详细解决方案

vue中filters 传入两个参数 / 使用两个filters

热度:78   发布时间:2023-10-10 20:23:59.0

.vue

传入两个参数<van-col>{
   {第一个参数|formatVisitTime(第二个参数)}}</van-col>使用两个filters
<van-tag plain :color="item.CreateTime(参数)|formatVisitDate(filters方法)|formatVisitDateColor(filters方法)">{
   {item.CreateTime|formatVisitDate}}</van-tag>

 

format.js

export const formatVisitTime = (beginTime, finishTime) => {if (!beginTime) {return "--";}if (!finishTime) {return formatDateTime(beginTime, 'hh:mm:ss')}beginTime = new Date(beginTime);finishTime = new Date(finishTime);let mss = Math.abs(beginTime.getTime() - finishTime.getTime());let hours = Math.floor(mss / (1000 * 60 * 60));let minutes = Math.floor((mss % (1000 * 60 * 60)) / (1000 * 60));return hours + "小时" + minutes + "分钟";
}

.ts

import format from "@/plugins/format";@Component({filters: {formatVisitTime(beginTime, finishTime) {return format.formatVisitTime(beginTime, finishTime);}}
})