[JavaScript知识库]vue 循环向数组里push进数据视图没有更新

如下代码,将myringList里的数据循环遍历出来,子元素Type=7的,就将这个元素push进movieList数组的data属性中,这种方法数据视图是不会更新的

this.myRingList.forEach(function(item){
    if(item.Type==7){
         this.movieList.data.push(item)
      }else{
         this.musicList.data.push(item)
     }
})

这是可以创建两个变量movieListArr和musicListArr,将数据先push进变量中,然后再将变量赋值到data的movieList.data和musicList.data中

	let movieListArr=[]
    let musicListArr=[]
    this.myRingList.forEach(function(item){
        if(item.Type==7){
         movieListArr.push(item)
        }else{
          musicListArr.push(item)
    	 }
	 })
	this.movieList.data=movieListArr
	this.musicList.data=musicListArr