Vue.filter过滤器
Vue.filter( id, [definition] )参数id:string[definition]:functiotn注册或获取全局过滤器// 注册Vue.filter('my-filter',function(value){//返回处理后的值}// getter 返回已注册的过滤器var filter = Vue.filter('my-filter')过滤器可以用在双花括号和v-bind
·
Vue.filter( id, [definition] )
- 参数
- id:string
- [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({...})
全局过滤器和局部过滤器重名时,优先采用局部过滤器
更多推荐
已为社区贡献3条内容
所有评论(0)