vue filter过滤器

最新推荐文章于 2024-07-04 10:07:27 发布

success_on

最新推荐文章于 2024-07-04 10:07:27 发布

阅读量104

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/a2690656046/article/details/117510734

版权

vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

全局过滤器

Vue.filter('ming',function(da){

})
全局过滤器
	Vue.filter('ming',function(da){

})
	可以在任何地方使用
	//如何使用过滤器   使用  {{属性|过滤器名字}}
可以在任何地方使用
//如何使用过滤器   使用  {{属性|过滤器名字}}

局部过滤器

在组件或vue实例里面使用 filters:{
	过滤器名(){

}
}

定义的是局部过滤器,只能在自己的组件内部使用

案例:

<div id="box">
      {{name|abc}}
    </div> 

Vue.filter('re',function(a){
            // console.log(a)
            return a.split('').reverse().join('')
        })
        Vue.filter('xxoo',function(da){
            // var a = da.replace('(w','(200')
            return da.replace(/\(w/,'(200').replace(/h\)/,'300)')
        })
        var VM = new Vue({
            el:"#box",
            data:{
                age:18,
                name:'abc',
                content:'我叫xx,住隔壁',
                url:'www.itlong.top?(w,h)&cb=xxoo'
            },
            filters:{
                //局部过滤器,只能在当前组件中使用
                abc(da){
                    return da+'xxoo'
                },
                dd:function(){

                }
                
            }
        })