后端正常返回了数据,但是页面渲染不出来的bug

项目背景:在接受后端返回的值时,返回的对象中的一属性为空,但页面中绑定了该属性,操作了它,越界取值,如:html中代码为 v-model = form.list[0].name, 但后端返回的该属性为空,即res.data.data.list = null, 此时页面读取了改属性,越界取值,页面渲染不出数据。

当时也是排查了好久也找不到解决办法,后来去问的大佬同事,一语道破,也是自己的基础知识不够扎实吧,解决办法很简单,就是在获取后端数据时加一层对改属性的判断,当list为空或者长度为0时,给list一个空对象(里面要有页面中已经绑定了的属性,如上面的list.name)。

…不得不吐槽一下该项目,明明在后台管理系统是必填的字段,门户网站那边填的居然不用必填,所以造成了这一奇怪的bug。

猜你喜欢

转载自blog.csdn.net/qq_44102500/article/details/122540575