关于filter

vue中filter的使用极大的提高了代码的简洁性

定义

// 注册
Vue.filter('my-filter', function (value) {
  // 返回处理后的值
})

// getter,返回已注册的过滤器
var myFilter = Vue.filter('my-filter')

使用

<span>date| my-filter</span>

但是,有的时候需要再代码中使用过滤器,这是时候怎么办呢

this.$options.filters['my-filter'](value)

this.$options

  • 类型:Object

  • 只读

  • 详细:

    用于当前 Vue 实例的初始化选项。需要在选项中包含自定义属性时会有用处:

filters属于自定义属性

所以在程序中通过$options.filters['my-filter']的方式来得到相应的过滤器

 

posted @ 2019-12-12 16:14  快速突围  阅读(226)  评论(0编辑  收藏  举报