您的位置:首页 > 产品设计 > UI/UE

vue 刷新或者加载闪烁

2018-01-18 14:42 141 查看
1、vue中绑定数据的时候,渲染页面时会出现变量闪烁

<div id="app">
<h2>{{message}}</h2>
</div>
//在页面加载的时候会看到 {{message}}  几秒过后才会渲染数据。


2、解决方案

// 方法一
<h2 v-html="{{message}}"></h2>
//这样就不出现闪烁的问题;

// 方法二
<h2 v-cloak>{{message}}</h2>
// 在css里面需要添加如下代码
[v-cloak]{
display:none;
}
//如果出现权重的层级,不起作用建议代码如下

[v-cloak]{
display:none !important;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: