vue.js - vue filter 传入两个参数，结果参数位置互换，为什么会这样？

问题描述

问 题

定义过滤器

formatTime(minute,second){
    if(minute<10){
        minute = '0' + minute;
    }
    if(second<10){
        second = '0' + second;
    }
    return minute + '分' + second + '秒';
}

调用方法

<p class="time-counter">{{(5,12) | formatTime(5,12)}}</p>

返回结果是12分05秒！

为什会这样？？应该是05分12秒才对啊！

谢谢解惑

解决方案

应该这样：

formatTime ([minute,second]){
    if(minute<10){
        minute = '0' + minute;
    }
    if(second<10){
        second = '0' + second;
    }
    return minute + '分' + second + '秒';
}

调用时

{{[5, 12] | formatTime}}

根据文档，你原来的调用方式相当于是执行了 formatTime((5,12),5,12) 而 (5,12) 是一个逗号表达式，结果为12，因此最终执行的是 formatTime(12, 5, 12)，看起来就像反过来了

这篇关于vue.js - vue filter 传入两个参数，结果参数位置互换，为什么会这样？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！