原數據

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

現在要修改 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)

原數據：

editFormData: {card_action_list: [{ code: '',text: '',url: ''}]} this.editFormData.card_action_list[index].url = this.integralLink

官網： 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

總結

以上是生活随笔為你收集整理的vue 数组数据改变 视图不更新解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。