vue显示数据时,页面闪现原始代码解决方案
2018-08-08 14:12
302 查看
1. 首先在view中挂载的标签上添加v-cloak
例:
<div id="app" v-cloak>
...
</div>
2. 在view上引用css模块并在css中加入
[v-cloak]{
display:none;
}
这样就可以防止页面闪烁了。
但是有的时候会不起作用,可能是以下原因所致:
1、v-cloak的display属性被层级更高的给覆盖掉了,所以要提高层级:
[v-cloak]{
display:none !important;
}
2、样式放在了@import引入的css文件中:
v-cloak的这个样式放在@import 引入的css文件中不起作用,可以放在link引入的css文件里或者内联样式中
阅读更多相关文章推荐
- 解决使用Vue.js显示数据的时,页面闪现原始代码
- 解决使用Vue.js显示数据的时,页面闪现原始代码
- 解决使用Vue.js显示数据的时,页面闪现原始代码的问题
- C#主要用于查询sql的web项目:gridview在页面上显示数据量大时跳转十分缓慢的解决方案
- [Ajax]便于在html页面中引用javascript显示后台数据的一段ajax代码
- vue.js遇到的问题-数组数据改变,页面不能实时显示
- VUE页面加载闪现代码
- blob数据输出到页面显示图片(都实证好用的代码)
- JAVA WEB开发从数据库中查询到的数据用list怎么在JSP页面整齐的显示出来,请写代码,
- vue中for循环更改数据的实例代码(数据变化但页面数据未变)
- EasyUI中页面必须刷新才显示tree组件最新数据的BUG解决方案
- Vue下滚动到页面底部无限加载数据的示例代码
- Vue 页面加载闪现代码问题
- 经典js代码 实现动态传值 实现动态页面传值 options动态显示数据
- Oracle保存中文数据和读取数据页面显示乱码解决方案
- java中对list分页并显示数据到页面实例代码
- Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
- 分页复用代码【Page类、JSP显示页面】
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 使用servlet,jdbc将mysql中数据显示在jsp页面中,且实现直接删除数据库数据