vue 双层循环 显示

昨天项目要求做一个循环嵌套 动态改动显示的。。嗯  第一层可以正常显示,第二层就是无法正常显示,
最终找出问题症结,原来是自己给的数据格式不对,这里记录一下:

  
        
          
          
          
          
          +
          -
        
        
          
            
            
            
            
            +
            -

          
        
      

 嗯 页面嵌套无问题;
添加与删除子项方法:

    addPhoneItem(index) {
        this.company.contractList[index].phoneList.push({
          way: '',
          phone: '',
        })
        // this.$forceUpdate();
      },
      deletePhoneItem(index) {
        this.company.contractList[index].phoneList.splice(index, 1)
        // this.$forceUpdate();
      }

 要注意 如果再不正常显示 添加   

this.$forceUpdate();//vue 强制更新数据

嗯 大概这样子。。

你可能感兴趣的:(vue,vxe,vue)