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

逃离我推掉我的手 2022-03-27 03:24 510阅读 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);
        }
      }
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，510人围观）

还没有评论，来说两句吧...

相关阅读

相关 filter多个参数处理方法+Python的filter过滤器理解

.源码 help(filter) Help on class filter in module builtins: class filter(o...

你的名字/ 2024年04月17日 19:46/ 0 赞/ 31 阅读

相关第一个Filter程序

为了帮助读者快速了解 Filter 的开发过程，下面通过案例演示 Filter 程序如何对 Servlet 程序的调用过程进行拦截。 1）创建 Servlet 在 MyEc

╰+攻爆jí腚メ/ 2024年03月29日 15:49/ 0 赞/ 39 阅读

相关 vue中过滤器filters的使用

组件内写法 filters:{ filter:function(data,arg1,arg2){ return ....

﹏ヽ暗。殇╰゛Y/ 2023年01月12日 11:49/ 0 赞/ 201 阅读

相关【vue】vue同时监听两个参数（A和B）

> `前言` vue同时监听表单里面的A和B A修改时，计算B的值，然后修改B B修改时，计算A的值，然后修改A ![在这里插入图片描述][20210202152

超、凢脫俗/ 2022年10月26日 14:23/ 0 赞/ 293 阅读

相关 VUE_filters过滤器传递参数

<div> { {price | priceFilter(100)}} </div> data: { price

待我称王封你为后i/ 2022年10月23日 11:25/ 0 赞/ 184 阅读

相关根据传入的两个参数，做分隔更新数据库中的值。

alter proc p\_update\_u\_road\_trans\_c\_sendstatus (@comText varchar(8000)) as begi

朴灿烈づ我的快乐病毒、/ 2022年08月04日 14:57/ 0 赞/ 92 阅读

相关关于Filter中的两个异常，重定向后要加Return

这是个很常见的问题，度娘和谷歌动手就能查到，可是今天还是遇到了，因为一直做业务研发，没有直接关注这些细节。该文章来自ITeye，网络爬虫请自重！[欢迎大家访问我的博客][L

- 日理万妓/ 2022年06月06日 06:20/ 0 赞/ 223 阅读

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

.vue 传入两个参数 <van-col>{ {第一个参数|formatVisitTime(第二个参数)}}</van-col>

逃离我推掉我的手/ 2022年03月27日 03:24/ 0 赞/ 511 阅读

相关 vue filters 保留两位小数

export function keepTwo(value) { // 截取当前数据到小数点后三位 const tempVal = Number

向右看齐/ 2021年07月27日 02:33/ 0 赞/ 411 阅读

相关第一个Filter程序

为了帮助读者快速了解 Filter 的开发过程，下面通过案例演示 Filter 程序如何对 Servlet 程序的调用过程进行拦截。 1）创建 Servlet 在 My...

朱雀/ 2021年01月13日 11:53/ 0 赞/ 1908 阅读