Vue.js报错Failed to resolve filter问题的解决方法

 更新时间:2016年05月25日 08:35:38   作者:=金刚=  
这篇文章主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下

之前使用vue.js写分页功能时,写了一个过滤器,发现一个比较奇怪的错误。

console控制台调试的时候,提示错误消息:

Failed to resolve filter: HomePage


console错误信息.jpg

我原来的写法:


原来的错误写法.jpg

错误原因:

经过自己的摸索,后来发现竟然是代码顺序错误问题

由于先执行的pageList,后执行的Vue的过滤方法,最终调整过的写法:


修改后的正确写法.jpg

作者:=金刚=
文章地址:http://www.cnblogs.com/woaic

本文已被整理到了《Vue.js前端组件学习教程》,欢迎大家学习阅读。

关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。

更多vue学习教程请阅读专题《vue实战教程》

以上就是本文的全部内容,希望对大家解决Vue.js报错Failed to resolve filter有所帮助,也希望大家继续关注脚本之家的更多精彩内容,谢谢。

相关文章

  • vue2中如何更改el-dialog出场动画(el-dialog弹窗组件)

    vue2中如何更改el-dialog出场动画(el-dialog弹窗组件)

    el-dialog是一个十分好用的弹窗组件,但是出场动画比较单调,于是决定自定义一个出场动画,本文通过实例代码图文相结合给大家叙述下实现思路,感兴趣的朋友一起看看吧
    2022-06-06
  • 在vue项目中引入vue-beauty操作方法

    在vue项目中引入vue-beauty操作方法

    在本篇文章里小编给大家分享了关于在vue项目中引入vue-beauty操作方法,有需要的朋友们跟着学习参考下。
    2019-02-02
  • vue如何解决数据加载时,插值表达式闪烁问题

    vue如何解决数据加载时,插值表达式闪烁问题

    这篇文章主要介绍了vue如何解决数据加载时,插值表达式闪烁问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-01-01
  • vue实现可增删查改的成绩单

    vue实现可增删查改的成绩单

    这篇文章主要为大家详细介绍了vue实现可增删查改的成绩单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 前端Vue select下拉框使用以及监听事件详解

    前端Vue select下拉框使用以及监听事件详解

    由于前端项目使用的是Vue.js和bootstrap整合开发,中间用到了select下拉框,这篇文章主要给大家介绍了关于前端Vue select下拉框使用以及监听事件的相关资料,需要的朋友可以参考下
    2024-03-03
  • Vue动态类的几种使用方法总结

    Vue动态类的几种使用方法总结

    这篇文章主要介绍了Vue动态类的几种使用方法总结,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • Vue 绑定style和class样式的写法

    Vue 绑定style和class样式的写法

    class 与 style 绑定就是专门用来实现动态样式效果的技术,如果需要动态绑定 class 或 style 样式,可以使用 v-bind 绑定,本文给大家讲解Vue 绑定style和class样式,感兴趣的朋友一起看看吧
    2023-10-10
  • 关于this.$refs获取不到dom的可能原因及解决方法

    关于this.$refs获取不到dom的可能原因及解决方法

    这篇文章主要介绍了关于this.$refs获取不到dom的可能原因及解决方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • Vue数据变化后页面更新详细介绍

    Vue数据变化后页面更新详细介绍

    这篇文章主要介绍了Vue在数据发生变化后是如何更新页面的,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2022-10-10
  • Vue动态添加属性到data的实现

    Vue动态添加属性到data的实现

    在vue中请求接口中,一个请求方法可能对应后台两个请求接口,所以请求参数就会有所不同。需要我们先设置共同的参数,然后根据条件动态添加参数属性
    2022-08-08

最新评论