vue 过滤器filters的使用以及常见报错小坑(Failed to resolve filter)

时间:2025-01-19 08:17:49

今天使用vue 过滤器中发现一个小坑,网上查到的大都是不正确的解决方法,故分享给大家:

原错误代码:

// 过滤器
        filter:{
            FdishList:function(value){
                if (!value) return ''
                value = ()
                return (1)+' '
            }

        }

报错:

[Vue warn]: Failed to resolve filter: 过滤器名

正确代码:

        // 过滤器
        filters:{
            FdishList:function(value){
                if (!value) return ''
                value = ()
                return (1)+' '
            }

        }

发现啥错没?没错就是filters,  注意是有s的,没s它也不会报语法错误,只会再控制台输出 过滤器解析错误,所以这些小坑还是很容易踩到的。