在日常的开发中,相信大家都遇到过这样的问题,通过请求接口,而后赋值table数据,页面都是正常的刷新渲染的,但是有时,不需要请求接口,只修改本地的固定数据的话,页面的table表格数据却没有更新,这是为什么呢:
其实是因为vue的数据更新检测机制,在对象或者数组的情况啊,只是通过赋值,来改变数组的某一项数据,vue的set是无法检测到更新的,因此才会出现这个问题,那要怎么解决呢?其实 根据set的习性,有一个很方便的巧妙办法:
如图所示,只需要再table中加上key参数,在你修改了数据需要更新时候,直接tmp++即可