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

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

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

Failed to resolve filter: HomePage

console错误信息.jpg

我原来的写法:

原来的错误写法.jpg

错误原因:

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

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

修改后的正确写法.jpg

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

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

时间: 2024-09-19 09:04:03

Vue.js报错Failed to resolve filter问题的解决方法_javascript技巧的相关文章

js报$ is not a function 的问题的解决方法_javascript技巧

今天在做项目时,碰到了一个超奇怪的问题.我在html中的程序,跑的好好的,换成jsp在项目中跑,就一直报$ is not a function错.找了很久,试了很多,都没解决.后来,突然想到,将我引入的js文件的顺序换一下,将jquery的js文件第一个引入,别的js文件放到它后面.真的解决了问题!!!原来,在页面加载时,顺序加载引入的文件.要是jquery的js文件不是第一个被引入,那么别的js中的$.方法名就会报错.只有先引入了jquery的js文件,才能正确执行$.方法.特此备份!

引入JS文件IE6报语法错误或缺少对象问题的解决方法_javascript技巧

解决"引入JS文件IE6报错"的问题 问题描述: 页面引入一个js文件,其中定义了函数或对象,然后在页面中调用函数或对象时,在IE6会报"语法错误"或"缺少对象".在IE6+或者IE7却运行正常. 问题分析: 这个对象在引入的JS文件中是存在的,因为在IE6+以上的浏览器都可以正常运行.这个问题在于文件编码上,如果JS文件编码与当前页面的编码不一致,就可能导致在IE6中页面不能正常获取和解析JS文件中的内容,在IE6中,默认引入的文件和页面的编码

JS模态窗口返回值兼容问题的完美解决方法_javascript技巧

因系统要兼容原IE已使用的关闭方法,经调试测得,需对window.dialogArguments进行再较验,不然易出问题. function OKEnd(vals) { if (vals == null) vals = "TRUE"; if (typeof (window.opener) == "undefined") { if (typeof (window.dialogArguments) != "undefined") { if (wind

JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法_javascript技巧

本文实例讲述了JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法.分享给大家供大家参考,具体如下: Uncaught SyntaxError: Unexpected token ) 以下代码引发了此异常: <div class="Hd_live_Sharediv left"> <a href="javascript:void()" onclick="loadLivePlayer('ud

Radio 单选JS动态添加的选项onchange事件无效的解决方法_javascript技巧

//记一个问题(已经解决2016.5.5) //在公司项目中遇见一个添加单选项的需求,采用ajax一步请求.为节约资源添加后不刷新网页,js动态改变页面 //当选择到动态添加的单选项,执行绑定事件 radio 单选JS动态添加的选项,onchange事件无效.使用delegate()函数可以解决该问题!!! delegate(): delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数. 使用 delegate() 方法的事件处

js style.display=block显示布局错乱问题的解决方法_javascript技巧

1.当表格为多列的情况下,属性为"display:block"行的内容宽度仅与第一列宽度相同,也就是说无论你使colspan的属性值为多少,剩余列的空间都不进行解析. 2.同一行反复的在"display:none;"与"display:block;"两个状态间切换时,表格的底部会持续的产生多余的空白空间以至于造成页面布局的扭曲. 解决方法: 1.用display:table-row属性来调试,发现者FireFox下正常了,但IE是不支持改属性的,

谈谈JS中常遇到的浏览器兼容问题和解决方法_javascript技巧

今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上: 常遇到的关于浏览器的宽高问题: //以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=document.body.clientHeight||document.docuemntElement.clientHeight;//网页可

IE中JS跳转丢失referrer问题的2个解决方法_javascript技巧

曾整理过一个各种页面跳转方法中referrer丢失的情况,其中提到,在IE中,使用类似 location.href = "a.html"这样的方式跳转页面时,在目标页面中 document.referrer的值会是空.这应该是IE的一个 bug. 大多数情况下,这个问题不会给我们带来麻烦,但有时候我们不得不用JavaScript来跳转,同时又要在下一个页面收集 document.refer,这时就得想想其他办法了. Form GET方法 首先想到的是使用Form表单,用JS发起一个GE

js调用AJAX时Get和post的乱码解决方法_javascript技巧

在使用"get"时,抓取的页面最后加上编码类型 复制代码 代码如下: <% 服务器端:servletactioncontext.getresponse().setcharacterencoding("utf-8"); 客户端 网页特效p/jsp.html target=_blank >jsp教程: <%@ page language="java" contenttype="text/html; charset=utf-