Vue.filter( id, [definition] )

  • 参数
  1. id:string
  2. [definition]:functiotn
  • 注册或获取全局过滤器
// 注册

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

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

  • 过滤器可以用在双花括号v-bind表达式
 // 双花括号
 {{message | capitalize }}

// v-bind
<div v-bind:id="rawId | formatId"></div>
  • 组件选项中自定义本地过滤器
filters:{
	
	capitalize :function(value){
	....
}
}
  • 创建Vue实例之前全局定义过滤器
Vue.filter('capitalize ',function(value){
	...return  
})

var vue = new Vue({...})

全局过滤器和局部过滤器重名时,优先采用局部过滤器

Logo

前往低代码交流专区

更多推荐