vue中的数组,没法获取我添加在数组prototype上的方法。
我在Array.prototype上添加了一个自定义的查询方法,
Array.prototype.getIndexByMsg = function(judgeFun) {
for(var i = 0, len = this.length; i < len; i++) {
if(judgeFun(this[i])) {
return i;
}
}
return -1;
}
然后,在vue中,res定义为一个数组,res:[],然后,里面存放的是object对象,然后,我在调用我的自定义方法的时候,报错提示:Uncaught TypeError: Property 'getIndexByMsg' of object [object Object],[object Object],[object Object],[object Object] is not a function;
这让我很奇怪了,vue
中的数组对象,我用typeof
显示的是object
?
我该怎么改,才能让vue中的数组能够识别到我自定义的方法呢?
我尝试换一个简单的测试,但是结果还是一样的。
Array.prototype.testQ = function(){
console.log(this[0]);}
var testAry = [1,2,3,4];
testAry.testQ();
能正常打印1,我再试一下放在vue中使用。
created: function() {
console.log(this.res instanceof Array);
this.res.testQ();},
显示instanceof显示的是true,但是,testQ则报错,“TypeError: Object has no method 'testQ'”;
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(7)
vue
中扩展原生方法的,没有任何问题。typeof
得到的结果肯定是object
,这和有没有vue
没啥关系。不要在Array.prototype上拓展方法,你这是在写bug。
typeof 一个数组本来就是返回的object
我刚才试了一下是可以打印的 你看下是不是你的数据出了什么问题
你可以把这个方法在全局中注册,还有个问题,数组本身就是object,不是因为在vue中
你用instanceof来查看是否是数据 。typeof 数组 就是得到的object
vue上面的pop等等的方法都是封装在自身上方法,并不是js原生的方法
问题找到了,之前自定义方法是写在vue外面的时候,不能使用。但是prototype的自定义方法写在created里面就可以正常使用了。
这有让我有了一个新问题。。为什么写在created里面有用,写外面没用呢?