2018-03-06 vue中 深层数据改变 dom没有重新渲染问题

今天刚刚 解决了一个问题 先大概简单说一下,后期详细说

比如vue中 数据和DOM 双向绑定 ,数据的改变会让 dom重新渲染。
但是如果是 层级比较深的 json 对象格式的 数据 深层次的 改变 并不会 导致dom重新渲染。
所以会比较 着急。

今天 我作一个 二维数组 的层级 条件 显然的时候 遇到了这样一个问题。用户点击操作正确。双向绑定的数据也改变了。。但是就是反应不到 dom上 ,

这是这时候 我的解决办法是 让 层级深入 的数据改变 -> 触发 第一层的数据改变 vue可以容易的检测到 收测数据改变 然后重新 根据数据 渲染dom 。从而决绝这个歌问题。


image.png
 //判断是否显示
      addItemIsShow() {
        let that =this;
        var l=this.qnaire.allQuestions.length;
        for (let i = 0; i < this.qnaire.allQuestions.length; i++) {
              for (let m = 0; m < this.qnaire.allQuestions[i].length; m++) {
                this.domRander=true;
                this.qnaire.allQuestions[i][m].isShow=false;
                if(this.qnaire.allQuestions[i][m].hasOwnProperty('deps')){
                  
                  let strArr = this.qnaire.allQuestions[i][m].deps[0].split('/');
                  if(this.qnaire.allQuestions[i][m].category==2&&this.ansObj[strArr[0]].includes(strArr[1])){
                    this.qnaire.allQuestions[i][m].isShow=true;
                  }
                  if(this.ansObj[strArr[0]]==strArr[1]){
                    this.qnaire.allQuestions[i][m].isShow=true;
                   
                  }  
                }else{
                    this.qnaire.allQuestions[i][m].isShow=true;
                }    
              }
               this.domRander=false;
        }           
       
      },
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,802评论 4 129
  • 像一位孤独的诗人一样 一直在寻找人生的意义 倔强地觉得人生很大 忽略了油盐酱醋茶 忽略了城市田野和花 颓废沙哑用纸...
    郭青年阅读 2,206评论 2 1
  • 今天是 30天习惯养成计划 的第十九天,我做了下面这些事情。 [x] 6:43起床 [x] 起床后喝一杯温开水 [...
    _尔东陈_阅读 1,513评论 0 1
  • 有了你,我就没了孤独 文/笑看人生 中午女儿放学到家,她一把抱住了我喃喃地说:“妈妈,我不在家,你会不会感到孤独?...
    笑看人生_b68a阅读 2,962评论 7 5
  • 油菜含羞已收场,麦子耍风光。杨梅闹市,樱桃窜巷,六月繁忙。 一年一度高天热,炎暑恋阴凉。短裙盖伞,露肩流汗,苦了姑娘。
    木貞ma阅读 1,828评论 3 2

友情链接更多精彩内容