vue加载时闪现模板的解决方法(例如加载数据之前出现item.name)
2017-11-30 15:53
369 查看
转载自: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前置加载
我一般采用第一种方法。。
相关文章推荐
- Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
- android studio编程时出现的错误:ListView重新载入后,更新数据或者再次进入该ListView加载数据,数据不显示 解决方法
- ViewPager中嵌套Fragment,切换之后出现空白页没有加载数据的解决方法
- Angular\Vue解决页面数据加载时出现{{message}}闪烁的情况
- Listview滑动过程中item出现数据错乱的解决方法
- ajax 技术同时加载多个结果集并赋于同一控件上解决数据冲突出现错乱现象方法
- 关于easyui datagrid 大量数据加载时 出现假死问题的解决方法
- vs上出现"未能加载项目文件,根级别上的数据无效.Microsoft.WinFx.targets"的解决方法
- asp读sql数据时出现乱码问题的解决方法
- richfaces uploadfile出现event.getUploadItem() item.getData()空值的问题解决方法
- LINUX驱动学习:加载模块时出现Device or resource busy的解决方法
- 解决NVelocity加载模板时出现Unable to find resource"xxx"错误
- 交叉表的实殃及向SQL SERVER数据库中插入数据时,出现乱码或???(问号)的解决方法。
- linux svn co时候出现 unresolve hostname的方法解决方法
- linux svn co时候出现 unresolve hostname的方法解决方法
- DataGrid数据导出excel文件,有时出现乱码解决方法。
- VS 2005 水晶报表 使用方法及 出现“加载报表失败” 的解决方法
- SAP B1在添加物料主数据时,出现错误提示‘xxxx代码已存在’的解决方法
- 关于C#中PictureBox加载动态GIF所出现的BUG以及解决方法
- 关于ENU OS加CHS VS2008出现包加载失败问题解决方法存档