使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时,页面会显示出原始的{{}}
,加载完毕后才显示正确数据,我们称为插值闪烁。 尤其在网速比较慢的时候比较明显。
使用v-cloak可以解决
css代码
<style>
[v-cloak] {
display: none;
}
</style>
HTML代码
<div v-cloak>{{msg}}</div>
使用{{}}方式在网速较慢时会出现问题。在数据未加载完成时,页面会显示出原始的{{}}
,加载完毕后才显示正确数据,我们称为插值闪烁。 尤其在网速比较慢的时候比较明显。
使用v-cloak可以解决
css代码
<style>
[v-cloak] {
display: none;
}
</style>
HTML代码
<div v-cloak>{{msg}}</div>