在VUE渲染前不允许页面是显示内容

在vue变量未渲染前,会有一瞬间显示代码,影响代码美观。vue有现成的指令来解决这个问题:v-cloak 在css中加入:
[v-cloak]{  
    display: none;  
}  

在需要元素加上:

<div v-cloak>  
    {{demo}}  
</div>

这样,v-cloak所在元素下的变量在未渲染前不会显示。

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭