vue修改数据后页面没有重新渲染

vue修改数据后页面没有重新渲染

问题出现场景

项目中需要根据路由的变化，修改data中的数据，导航通过此数据判断是否选中。但是，修改数据后，打印显示数据成功修改，页面却没有重新渲染。奇怪

解决方法

this.$forceUpdate()

this.$forceUpdate()是vue强制更新，调用它会强制性更新数据，触发updated生命周期。

查询资料得出：因为数据层次太多，render函数没有自动更新，需要手动强制刷新。