vue绑定数据渲染页面时会出现变量闪烁

由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template,所以对于Chrome这类快速的浏览器你会看见有闪烁的情况出现。

解决:在页面出现才会渲染数据,vue中有个指令可以解决这个问题,v-cloak
v-cloak要放在什么位置呢,是不是每个需要渲染数据的标签都要添加这个指令,不是,v-cloak并不需要添加到每个标签,只要在el挂载的标签上添加就可以。
如:


然后css添加
[v-cloak]{
display:none !important;
}

你可能感兴趣的:(vue绑定数据渲染页面时会出现变量闪烁)