美文网首页
7.过滤器filters

7.过滤器filters

作者: nora_wang | 来源:发表于2019-06-23 22:16 被阅读0次

    自定义过滤器,可被用于一些常见的文本格式化,过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 ,可直接在main.js中定义全部过滤器。

    Vue.filter('addMoney1', function (value) {
                    if(typeof(value)==="number"){
                        return "¥" + value;
                    }else {
                        return value;
                    }
    })
    

    也可在当前组件中定义局部过滤器

    <script>
        export default {
            name: "hello",
            filters:{
                addMoney2(value) {
                    if(typeof(value)==="number"){
                        return "¥" + value;
                    }else {
                        return value;
                    }
                }
            }
        }
    </script>
    

    页面使用:(可多个过滤器一起使用,用 | 分隔开)

    {{ value | addMoney1| addMoney2}}
    

    相关文章

      网友评论

          本文标题:7.过滤器filters

          本文链接:https://www.haomeiwen.com/subject/ekzwqctx.html