vue 解决接口数据改变 视图不能实时响应的问题

问题:在vue项目中,添加,删除,更改等操作后,接口数据已经更改,但是视图需刷新才可更改
原因:因为数据层次太多,render函数没有自动更新
解决:手动强制刷新 调用this.$forceUpdate(); 方法

  var flag = true;
  for (let k = 0; k < this.tags[this.smallStemOrderNum].length; k++) {
     if (this.tags[this.smallStemOrderNum][k].teacherId == this.teacherId) {
       flag = false;
       break;
     }
   }
   if (flag) {
     this.tags[this.smallStemOrderNum].push(tem);
     this.$forceUpdate(); // 强制刷新
   }

猜你喜欢

转载自blog.csdn.net/qq_43246012/article/details/84375729
今日推荐