网站备案后,假山怎么制作 教程,西宁专业做网站的,做网站应该怎么做数据绑定多级对象属性时的报错解决
#xff08;1#xff09;例子如下#xff1a; #xff08;2#xff09;当syncObjForm被后台数据赋值时#xff0c;会产生报错#xff1a; #xff08;3#xff09;原因就是#xff1a; 模板在渲染时#xff0c;读取对象中的某个…数据绑定多级对象属性时的报错解决
1例子如下 2当syncObjForm被后台数据赋值时会产生报错 3原因就是 模板在渲染时读取对象中的某个对象时发现该对象为undefined不能继续往下取值通俗点就是三层表达式a.b.c在对象a中不存在属性b那么读取对象a.b.c中的值自然会报错(若是两层表达式a.b则不会报错返回的是undefined)
vue渲染机制中异步数据先显示初始数据再显示带数据的数据所以加载syncObjForm时候还是一个空对象当渲染完成后才加载异步数据因此在渲染时出现的三层表达式在syncObjForm中取tableOutput属性中的tableName属性的值自然会报错但是渲染完成后syncObjForm中的值加载好了自然可以取到这也就解释了为什么界面正常显示但开发者工具会报错的原因。
4解决方法 模板中多添加一个v-if判断条件即表示如果syncObjForm取不到tableOutput属性则不加载该div注意不能用v-showv-show的机制是加载后根据条件判断是否显示
