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

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

原错误代码:

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

        }

报错:

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

正确代码:

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

        }

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

发布了22 篇原创文章 · 获赞 5 · 访问量 4402

猜你喜欢

转载自blog.csdn.net/HW0007/article/details/105062871