美文网首页
VUE DAY2 (过滤器)

VUE DAY2 (过滤器)

作者: 为什么要简称 | 来源:发表于2019-11-19 13:08 被阅读0次

    Vue.js中允许自定义过滤器(早期提供有过滤器,2.x后不再提供)。
    过滤器可以用在两个地方:{{}}v-bind表达式(2.10+)中。

    过滤器用于一些常见的文本格式化,比如对时间进行格式化、数字的格式化等。

    定义过滤器

    Vue.Filter('过滤器的名字', funtion(){})
    param1:过滤器的名字
    param2:过滤器的逻辑

    Vue.filter('mFilter', funtion(msg){
       return ...
    })
    
    使用过滤器:
    <!-- 使用mFilter过滤器对msg进行过滤 -->
    {{ msg | mFilter }}
    

    管道符会把前一项msg的输出当成mFilter的输入(参数)

    全局过滤器和局部过滤器

    以上书写的位置是全局过滤器,局部过滤器如下:

    var vm = new Vue({
      el:...
      data:{},
      methods:{},
      filters:{
        //过滤器
        mFilter: function(input){
          return ...
        }
      }
    
    })
    

    相关文章

      网友评论

          本文标题:VUE DAY2 (过滤器)

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