vue.js 无法读取data 数据里面的item

Question

Uncaught TypeError: Cannot read property 'items' of undefined

不论用this.items还是 items 都无法读取，并且奇怪的是type==1 里面可以用this.items 读取到data里面的items 但是type==2里面就不行了 不知道为啥 求教我
<button type="button" id="allNotes" v-on:click="showNote(1)">

             <span>allNotes</span>
         </button>
         <button id="Favorites" v-on:click="showNote(2)">
             <span>Favorites</span>
         </button>
         
         
         

export default {

    data:function(){
        return{
            items:this.$parent.Notes,
        }
    },
    methods:{
        showNote:function(type){
            this.items='';
            if(type==1){
                this.items=this.$parent.Notes;
            }
            if(type==2){
                this.$parent.Notes.forEach(function(c){
                    if(c['favorite']){
                        console.log(this.items);
                        
                    }
                });
            }
        }

Answer 1

this.$parent.Notes.forEach(c => {
                    if(c['favorite']){
                        console.log(this.items);
                        
                    }
                });

Answer 2

你可以试一下 else if

Answer 3

在type == 2 那个里 你调用了 循环，在循环里this不是指的vue实例
所以才会报错

Answer 4

if(type==2){
            let that = this;
            this.$parent.Notes.forEach(function(c){
                if(c['favorite']){
                    console.log(that.items);
                    
                }
            });
  }
  或者用箭头 

Answer 5

是不是this的指向问题？