Vue的自定义过滤器

<html>
    <head>
        <meta charset="utf-8" />
        <title>VueTest</title>
        <script src="./vue.js"></script>
    </head>
    <body>
        <div id='box'>
            {{a | dzw}}
        </div>
        <script>
            Vue.filter('dzw',function(input){
                return input < 10 ? '0' + input:'' + input
            })
                var c = new Vue({
                    el: '#box',
                    data: {
                        a:9
                    }
                })
        </script>
    </body>
</html>

 

结果:

 

posted @ 2021-07-20 16:07  蜗牛的礼物  阅读(41)  评论(0编辑  收藏  举报