关于在vue中结合数组方法的this的指向问题

最近在项目中遇到一个这样的小问题，在用数组方法结合vue的时候，this的指向不是当前的vue实例，直接看代码

allSelect: function() {
var _this = this;
console.log(_this)
this.checkId = [];
this.batchDealItem.forEach(function(item) {
//console.log(item.APPID)
_this.checkId.push(item.APPID);//指向vue

console.log(this)//指向window
})
},

注意这里this的变化，在遍历的时候，this是指向window的，需要在遍历之前定义this的指向，不然浏览器会报错

大叔的文章：http://www.cnblogs.com/TomXu/archive/2012/01/17/2310479.html

转载于:https://www.cnblogs.com/yanzai/p/6590656.html

关于在vue中结合数组方法的this的指向问题相关推荐

vue中使用数组方法push
具体写法可以有两种: 第一种:在函数内部声明变量, var company = [], hushu = [], bili = []; console.log("company",c ...
vue 中遍历数组对象存到一个新数组里
vue 中遍历数组对象存到一个新数组里(亲测可行!!!) 参考文档 : MDN-解构赋值方法一 : For of 迭代和解构 var people = [{name: 'Mike Smith',f ...
Vue中foreach数组与js中遍历数组的写法
场景 Vue中使用Axios发送get或者post请求,发送请求时需要在js中对请求参数进行遍历并处理. 接收响应时需要对响应结果进行遍历和处理. 注意区分在vue和js中foreach数组的区别. ...
keep alive PHP,vue中keep-alive使用方法详解
这次给大家带来vue中keep-alive使用方法详解,vue中keep-alive使用的注意事项有哪些,下面就是实战案例,一起来看一下. 1.keep-alive的作用以及好处在做电商有关的项目中 ...
vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例
获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面第二步:在标签上继续绑定:date-id = ...
h5调起app的方法；app调起vue中的某个方法
h5调起app的方法 window.fuXinJSBridge.personSuccess(par) // par 为参数:personSuccess双方约定的方法名 app调起vue中的某个方法 / ...
Vue 中CodeMirror使用方法
2021的Vue 中CodeMirror使用方法. 1.包括项目的安装 .官网地址. package.json信息 2.基本使用:引入方法.参数注释.案例 2018的Vue-CodeMirror. 1 ...
vue中删除数组元素
vue中删除数组元素 let arr = [{ name: 'aa',id: 11},{name: 'bb',id: 12} ] 1.filter arr = arr.filter(t => t ...
html5遍历数组,Vue中遍历数组的新方法
1.foreach foreach循环对不能使用return来停止循环 1 search(keyword){ 2 var newlist = [] 3 this.urls.foreach(item = ...

关于在vue中结合数组方法的this的指向问题

关于在vue中结合数组方法的this的指向问题相关推荐

最新文章

热门文章