解决Vue保留两位小数问题(基于Vue过滤器)

1.设置过滤器                                              

<div>{{sumPrice | rounding}}</div> <!-- rounding就是过滤器 -->

 


2.在Vue中编写过滤器                                 

 这一段代码直接复制即可

 filters: {
            rounding(value) {
                let realVal = "";
                if (!isNaN(value) && value !== "") {
                    // 截取当前数据到小数点后两位,改变toFixed的值即可截取你想要的数值
                    realVal = parseFloat(value).toFixed(2);
                } else {
                    realVal = "--";
                }
                return realVal;
            },
        },

 

posted @ 2022-05-16 17:13  zddsl  阅读(991)  评论(0)    收藏  举报