Vue.js VueJS中需要灵活的货币筛选器

Vue.js VueJS中需要灵活的货币筛选器,vue.js,Vue.js,我需要修改货币筛选器,以便能够指定小数位数…我需要货币中不同位置的0、2和4个小数位数…我想使用“| flexCurrency:4”,但找不到必要的文档来确定如何覆盖货币筛选器。我想象中的过滤器是这样的: .filter('flexCurrency', flexCurrencyFilter) function flexCurrencyFilter($filter) { return function (input, decPlaces) { decPla

我需要修改货币筛选器,以便能够指定小数位数…我需要货币中不同位置的0、2和4个小数位数…我想使用“| flexCurrency:4”,但找不到必要的文档来确定如何覆盖货币筛选器。我想象中的过滤器是这样的:

.filter('flexCurrency', flexCurrencyFilter)

function flexCurrencyFilter($filter) {
        return function (input, decPlaces) {
            decPlaces = decPlaces || 0;

            // Check for invalid inputs
            if (isNaN(input) || !input || Math.abs(input) === 0 || (Math.abs(input) > 0 && Math.abs(input) < 1)) {
                return '-';
            }
            var out = input;

            //Deal with the minus (negative numbers)
            var minus = out < 0;
            out = Math.abs(out);
            out = $filter('number')(out, decPlaces);

            // Add the minus and the symbol
            if (minus) {
                return '( $' + out + ')';
            } else {
                return '$' + out;
            }
        };
    }
.filter('flexCurrency',flexCurrencyFilter)
函数flexCurrencyFilter($filter){
返回功能(输入、位置){
deplaces=deplaces | | 0;
//检查无效输入
如果(isNaN(输入)| |!输入| |数学abs(输入)==0 | |(数学abs(输入)>0和数学abs(输入)<1)){
返回“-”;
}
var out=输入;
//处理负数(负数)
var减数=out<0;
out=Math.abs(out);
out=$filter('number')(out,deplaces);
//加上减号和符号
如果(减){
返回“($”+输出+”);
}否则{
返回“$”+输出;
}
};
}

货币过滤器在中,只需调整它以获得额外的参数。这应该起作用:

  flexCurrency (value, currency, decimals) {
    value = parseFloat(value)
    if (!isFinite(value) || (!value && value !== 0)) return ''
    currency = currency != null ? currency : '$'
    var stringified = Math.abs(value).toFixed(decimals)
    var _int = stringified.slice(0, -1 - decimals)
    var i = _int.length % 3
    var head = i > 0
      ? (_int.slice(0, i) + (_int.length > 3 ? ',' : ''))
      : ''
    var _float = stringified.slice(-1 - decimals)
    var sign = value < 0 ? '-' : ''
    return sign + currency + head +
      _int.slice(i).replace(digitsRE, '$1,') +
      _float
  },
flexCurrency(值、货币、小数){
value=parseFloat(值)
如果(!isFinite(value)|(!value&&value!==0))返回“”
货币=货币!=null?货币:'$'
var stringified=Math.abs(值).toFixed(小数)
var\u int=stringized.slice(0,-1-小数)
变量i=\u整数长度%3
var head=i>0
(_int.slice(0,i)+(_int.length>3?',':'')
: ''
var_float=stringized.slice(-1-小数)
变量符号=值<0?'-':''
返回符号+货币+人头+
_int.slice(i).替换(数字签名,$1,)+
_浮动
},

这可能需要调整以处理0位小数点。是否可以在vue中编辑源代码?其他框架对此提出警告。我不会编辑源代码,我只会为您创建一个新的过滤器。没有办法扩展或修改过滤器,但是调整它来创建一个新的过滤器就可以了。@nicolasbraga