页面刷新的时候,会出现一闪而过的变量,过一会才会变成数据。
如何解决这个问题呢?
方法一:可以通过在绑定模板变量的父元素添加VUE内置的指令v-cloak解决这个问题
<div v-cloak v-for="item in items">
{{item.title}}
</div>
{{item.title}}
</div>
然后在css中添加
[v-cloak]{ display: none !important; }
方法二:可以在需要编译的元素前后加上<template></template>
<template>
<div v-for="item in items">
{{item.title}}
</div>
</template>
<div v-for="item in items">
{{item.title}}
</div>
</template>