vue单页面应用刷新出现变量

93 阅读1分钟

在使用绑定数据的时候,渲染页面时会出现变量闪烁,例如

<div id="app">
    <p>{undefined{value.name}}</p>
</div>

在加载的时候会看到

{undefined{value.name}}

在页面出现,过了几秒之后才会渲染数据,在vue中有个指令可以解决这个问题

在绑定的div上加上 v-cloak

<div  id="app" v-cloak>
 </div>

在css中添加

[v-cloak] {
    display: none !important;
}