微客导航 » 文章资讯 » 详解vue过滤器在v2.0版本用法

详解vue过滤器在v2.0版本用法

2024-02-21 17:26:03 240

1.x写法



{{html|uppercase}}

但是2.0中已经废弃了过滤器，需要我们自定义


{{message|uppercase}}

//过滤器 Vue.filter('uppercase',function(value){ if(!value){return''} value=value.toString() returnvalue.charAt(0).toUpperCase()+value.slice(1) }) varvm=newVue({ el:'#app', data:{ message:'test' } })

Vue.filter(id,[definition])

参数：

{string}id
{Function}[definition]

用法：

注册或获取全局过滤器。

//注册
Vue.filter('my-filter',function(value){
//返回处理后的值
})
//getter，返回已注册的过滤器
varmyFilter=Vue.filter('my-filter')

官方文档参考：

http://cn.vuejs.org/v2/api/#filters

http://cn.vuejs.org/v2/api/

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

详解vue过滤器在v2.0版本用法

热门推荐

随机推荐