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
这样更新了就解决了