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

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

在需要元素加上:

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

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

阅读更多
个人分类: 前端 vue
所属专栏: vue自学手册
上一篇使用vue-cli来初始话vue项目
下一篇css的属性使字体上下排列
想对作者说点什么? 我来说一句

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

关闭
关闭
关闭