vue 数组数据改变 视图不更新解决方案

原数据

  editFormData: {
     column_info_list: [ 
          {
            'code': '',
            'title': '',
            'operate_type': 'openWeb',
            'more_info': {
              'url': ''
            }
          }
        ],
      }

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

现在要修改 more-info 里url的值

  let current = JSON.parse(JSON.stringify(this.editFormData.column_info_list[index]))
  current.more_info.url =  'newValue……'
  //splice也可以触发数据响应式
  this.editFormData.column_info_list.splice(index,1,current)
  //或者使用
  this.$set(this.editFormData.column_info_list, index, current)
  // 如果修改对象里的值
  this.$set(this.editFormData, 'customedId', 1133)

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

原数据：

  editFormData: {
     card_action_list: [{ 
          code: '',
          text: '',
          url: ''
        }]
   }

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
 

 this.editFormData.card_action_list[index].url = this.integralLink

  

 

  
1
 

官网： https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B

文章来源: lvsige.blog.csdn.net，作者：祥子的小迷妹，版权归原作者所有，如需转载，请联系作者。

原文链接：lvsige.blog.csdn.net/article/details/118754693