不要着急，不要着急，

休息，休息一会。

vue-filters(过滤器)

局部过滤器：

<html>

<head>
    <title>vue</title>
    <meta charset="utf-8">
</head>

<body>
    <div id="app">
        {{msg | toFixed(1)}}
        <!-- msg是参数input的值，方法里的参数都是作为input后的参数 -->
    </div>
</body>
<script src="node_modules\vue\dist\vue.js"></script>
<script>
    let vm = new Vue({
        el: "#app",
        filters: {
            // toFixed(input,param1,param2,param3)
            toFixed(input, num) { //第二个参数为小数点个数
                return '￥' + input.toFixed(num);
            }
        },
        data:{
            msg:15.123
        }
    });
</script>

</html>

全局过滤器（记得放在所有实例之前）

<html>

<head>
    <title>vue</title>
    <meta charset="utf-8">
</head>

<body>
    <div id="app">
        {{msg | my(2)}}
        <!-- msg是参数input的值，方法里的参数都是作为input后的参数 -->
    </div>
</body>
<script src="node_modules\vue\dist\vue.js"></script>
<script>
    // 全局过滤
    // Vue.filter(name,function)
    Vue.filter('my',(input,num)=>{
        return '￥' + input.toFixed(num);
    })
    // 局部过滤
    let vm = new Vue({
        el: "#app",
        filters: {
            // toFixed(input,param1,param2,param3)
            toFixed(input, num) { //第二个参数为小数点个数
                return '￥' + input.toFixed(num);
            }
        },
        data:{
            msg:15.123
        }
    });
</script>
</html>
posted @ 2019-08-26 09:58  angle-xiu  阅读(1898)  评论(0)  编辑  收藏  举报
Live2D