素材巴巴 > 程序开发 >

vue:数据更新后,页面不渲染

程序开发 2023-09-15 19:49:32

现象

当前页面引入了自己研发的一个组件,数据是异步请求回来的,但页面未渲染。
在这里插入图片描述
这是代码部分:
在这里插入图片描述

原因

tms-json-schema组件中,是将传入的schema值做了本地化处理的,也就是json.stringify。而外层组件一加载就给tms-json-schema传递了一次数据,所以异步加载回来的数据,再去赋值也不会渲染页面了。

解决

将外层的组件中,添加一层判断,当有数据了之后再去渲染子组件。像上述例子,就可以将v-show改为v-if,意为当点击第二个tab的时候,再去渲染该组件。

当然市面上常用的框架,对于数据的部分,都是直接引用的。像自己写的组件就难免会遇到类似的问题,给有需要的人做一个参考。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。