小羊也疯狂 2018-06-29 01:04 采纳率: 100%
浏览 5829
已采纳

vue里面这个foreach中this为什么指向undefine?

 var a = [{name: 'yang',age:1},{school:'one'}]
console.log(this)  //window
this.a.forEach(function () {
  console.log(this) //window
})

forEach是不是不改变this指向,为什么下面这个图里面forEach中this由组件变成了undfine?
图片说明

https://gitee.com/qflyalltime/travel/blob/master/src/pages/city/components/Search.vue
第55行

  • 写回答

8条回答

  • Go 旅城通票 2018-06-29 02:40
    关注

    打印的是window啊。。没问题。。

     <script src="https://cn.vuejs.org/js/vue.js"></script>
    <div id="watch-example">
        <p>
            Ask a yes/no question:
            <input v-model="keyword">
        </p>
    </div>
    <script>
        var watchExampleVM = new Vue({
            el: '#watch-example',
            data: { cities: [[1, 2], [3, 4]] ,keyword:null},
            watch: {
                keyword: function (newValue, oldValue) {
                    setTimeout(()=>{
                        console.log(this)
                        for (let i in this.cities) {
                            this.cities[i].forEach(function (item) {
                                console.log(item,this)
                            });
                        }
                    },1000)
                }
            }
        });
      </script>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 MATLAB动图问题
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名