如何使所有HTML节点加载完 再显示

Posted 2023-05-16

css : 

body 
    display : none;

js :

document.addEventListener("DOMContentLoaded", function()
    document.body.style.display = "block";
);

参考技术A body标签加上个style里面写上display:none
然后在onready事件中改写style为display:block
按照jquery的写法就是$('body').show();

vue先加载数据再渲染

参考技术A title: vue先加载数据再渲染
date: 2021-05-05 01:41:59

vue 使用中 bug 记录。

版本： vue 3.0

由于 JavaScript 中请求通常是异步，因此几乎无法实现先加载数据再渲染页面。

但是，我们可以用 v-if 判断数据是否已加载，来实现加载完数据再渲染的效果。

比如，有如下数据，需要请求后端获取：

在页面中，我们可能如此使用：

由于渲染通常快于数据请求，则可能报如下错误：

不过可能无伤大雅（页面最终能展现）。

但如果如此使用（传入组件）：

则可能报如下错误，甚至页面无法显示：

直接使用 v-if 全部解决：