vue中运行程序会出现插值的形式,{{msg}}
来源:互联网 发布:数据库与数据仓库 编辑:程序博客网 时间:2024/06/08 08:23
在vue的项目开发中,偶尔会遇到网络比较慢等情况,运行vue项目会出现类似{{msg}}这种形式的问题
如果不是插值出现的问题,在一段时间之后页面还是会正常显示插值的正确内容,就像闪烁的感觉一样,解决这种问题用如下办法:
在插值的元素上面添加v-cloak属性,在style样式中对此属性进行display:none操作,可以防止闪烁的发生。
<div class="reply" v-for="item in msgData" v-cloak> <p class="replyContent">{{item.content}}</p> <p class="operation"> <span class="replyTime">{{item.time}}</span> <span class="handle"> <a href="javascript:;" class="top">{{item.acc}}</a> <a href="javascript:;" class="down_icon">{{item.ref}}</a> <a href="javascript:;" class="cut">删除</a> </span> </p> </div>
<style> [v-cloak]{ display: none; } </style>
阅读全文
1 0
- vue中运行程序会出现插值的形式,{{msg}}
- 下面的程序运行时哪里会出现错误
- 运行程序中出现的小问题
- Vue.js插值
- VUE插值
- 在 Eclipse 中运行 MapReduce 程序会遇到的问题
- pb中程序汉字粘贴会出现乱码的解决方法
- Unity游戏开发中会用到的插值方法,取自项目中的Interpolate.cs
- 做好的程序会运行时会出现数据库锁死的异常
- !!!有奖竞猜!!!运行以下程序,会出现什么问题?为什么?(一个C++的基础题)
- 去除vue插值表达式{{}}
- Eclipse 中 运行 J2me 程序出现ClassNotFound的异常
- Eclipse 中 运行 J2me 程序出现ClassNotFound的异常
- vs2013中运行程序后出现的闪退问题
- 二进制形式中1出现的次数
- 运行下列程序,会产生的结果是
- WM_MOUSEWHEEL 在PreTranslateMessage(MSG* pMsg)中MSG 的说明
- 程序运行过程中出现奔溃
- AJAX传JSON处理后的数据至后台
- String类笔记
- Linux常用目录的作用
- C++设计模式——单例模式
- iOS开发代码规范
- vue中运行程序会出现插值的形式,{{msg}}
- 【LeetCode】50、pow(x,n)
- linux grep 正则表达式
- android studio 2.3 编译动态库
- 数据库SQL优化大总结
- HashMap源代码分析(JDK1.8)
- 亚马逊新规出台,外贸建站时代呼之欲出!
- Dijkstra算法
- 老男孩python14期,day1