码迷,mamicode.com
首页 > 其他好文 > 详细

vue基础----过滤器filter

时间:2019-10-28 21:11:38      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:lower   return   get   ==   methods   cti   fun   一个   let   

1.用的场景:一个功能在每个组件都能用,而computed虽然有缓存,但不能用在每一个组件,需要的话的每一个都需要写。

2.特点:改变数据的展示形式,不改变原有的形式

 分为全局与局部的

  

    <div id="app">
    <!--{{msg | upper}} -->  
      {{msg | upper("l")}}

    </div>
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script>

       /* 过滤器的参数依此在flag后面添加 */
        Vue.filter("upper",function(value,flag){
            if(flag === ‘l‘){
                return value.toLowerCase();
            }
            return value.toUpperCase();
        })

        let vm  = new Vue({
            el:"#app",
            data:{
                msg:"liLy"
            },/*
            methods:{
                getUpper(){
                    return this.msg.toUpperCase();
                }
            },
            computed:{
                getUpper(){
                    console.log("121");
                    return this.msg.toUpperCase();
                }
            }
            */
        });
    </script>

 

vue基础----过滤器filter

标签:lower   return   get   ==   methods   cti   fun   一个   let   

原文地址:https://www.cnblogs.com/moon-yyl/p/11755173.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!