vue在页面渲染的时候会出现一闪而过的变量

页面刷新的时候,会出现一闪而过的变量,过一会才会变成数据。
如何解决这个问题呢?
方法一:可以通过在绑定模板变量的父元素添加VUE内置的指令v-cloak解决这个问题

<div  v-cloak v-for="item in items">
      {{item.title}}
</div>

然后在css中添加

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

方法二:可以在需要编译的元素前后加上<template></template>

<template>
<div v-for="item in items">
      {{item.title}}
</div>
</template>

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: