vue页面绑定数据,渲染页面时会出现页面闪烁
<style type="text/css"> [v-cloak] { display: none; } </style>
<div v-cloak> <h1>{{message}}</h1> <h1>{{name}}</h1> </div>
原因:由于JavaScript去操作DOM,都会等待DOM加载完成(DOM ready)。对于vuejs、angularjs这些会在DOM ready完会才回去解析html view Template,
- 上一篇 »go 数据渲染到html页面 02
- 下一篇 »【vue】渲染大量数据时性能优化