Vue\框架中,data里的对象改变了,radio选择时会和其他radio有关联,很怪异

在Vue中,当data对象更新渲染时,如果批量更新的属性层级在二层以上,那么Vue渲染时会出现绑定错乱,导致radio无法点击等现象。

例如下面的data代码:

data(){
  data: {
    good:{
      isPublic:false,
      isNew:false
    }
  }
}    

如果直接这样更新:

this.good.isPublic=true
this.good.isNew=true

可能导致绑定isPublic以及isNew点了没反应。

解决办法:

更新对象可以这样更新

let goodTemp = {}
goodTemp.isPublic = true
goodTemp.isNew = true
this.good = goodTemp

这样更新了就解决了

posted @ 2020-06-10 09:57  lfm601508022  阅读(363)  评论(0编辑  收藏  举报