解决vue变量未渲染前代码显示问题

2018-07-16 03:12:10来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

在网络加载缓慢或者刷新的时候总会有那么一瞬间出现vue的模板代码,实在很影响美观,对于我这种有强迫症的人来说实在是忍无可忍,后来经过查找资料,终于发现了解决方法,可以使用vue现成的指令来解决这个问题:v-cloak

首先在css中加入:

1 [v-cloak]{
2    display: none;
3 }

然后需要在元素加上:

1 <div v-cloak>
2    {{demo}}
3 </div>

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:【JS】异步处理机制的几种方式

下一篇:baidu-aip-SDK node.js 身份证识别