vue加载时闪现模板的解决方法(例如加载数据之前出现item.name)
来源:互联网 发布:中世纪2优化9兵种 编辑:程序博客网 时间:2024/06/04 19:08
转载自:http://blog.csdn.net/kongjunchao159/article/details/54410306
当vue需要加载数据多或者网络慢时,加载数据时候会先出现vue模板(例如item.name),用户体验特别不好
解决方法:
1、可以通过VUE内置的指令v-cloak解决这个问题(推荐)
具体实现:
<ul v-cloak v-for="item in items">
<li>{{ item.name }}</li>
</ul>
CSS中添加
[v-cloak]{ display: none; }
2、可以在需要编译的元素前后加上<template></template>
关于<template>详解
http://www.zhangxinxu.com/wordpress/2014/07/hello-html5-template-tag/
3、通过切换需要编译元素的display属性,最开始设为none,请求完数据后设为block
4、VUE前置加载
我一般采用第一种方法。。
阅读全文
0 0
- vue加载时闪现模板的解决方法(例如加载数据之前出现item.name)
- vue加载时闪现模板语法
- vue加载时闪现模板语法-处理方法
- VUE页面加载闪现代码
- v-cloak 解决引用vue.js的页面加载时闪现{{}}
- Angular\Vue解决页面数据加载时出现{{message}}闪烁的情况
- 我在工作中遇到的任务栈bug(fragment跳转失常,数据不加载或闪现老数据)
- angular页面加载时不闪现{{}}
- 加载数据之前的加载等待中效果
- 关于easyui datagrid 大量数据加载时 出现假死问题的解决方法
- XRecyclerView加载出现空白item
- VUE绑定数据闪现问题
- 解决使用Vue.js显示数据的时,页面闪现原始代码
- 页面加载样式闪现问题
- Jquery load()加载GB2312页面时出现乱码的解决方法
- vue js框架 设置加载数据之前不显示html代码
- Hive加载数据时遇到NULL数据错误的解决方法
- vue 列表滑动加载数据
- 【Python】选择ipython替代python的理由
- 【Scikit-Learn 中文文档】无监督学习: 寻求数据表示
- 获取Excel sheet页中实际有效行数(不是我写的,但是也不是我转载的)
- Java中使用Jedis操作Redis
- 中间件kingshard入门(四):jmeter压测出现的问题too many open files
- vue加载时闪现模板的解决方法(例如加载数据之前出现item.name)
- 自定义View画五角星
- mt6735 CTS Google issue of android.holo
- MyBatis的Mapper接口以及Example的实例函数及详解
- java垃圾回收
- rabbitmq启用日志功能记录消息队列收发情况
- 从android源码中生成系统签名文件
- Prism框架(四)——MVVM模式基础
- Java中调度线程池ScheduledThreadPoolExecutor原理探究