解决Vue.js由于延时显示了{{message}}引用界面的问题


Posted in Javascript onAugust 25, 2018

在使用Vue写应用时发现一个问题,每当进入一些有延时的(如网络API请求)操作时,会先闪一下未编译的 Mustache 标签{{ message }},这让人很不爽。

在官网找到了解决方案:v-cloak

参照官网做法:

定义[v-cloak]的style

<style>
 [v-cloak] {
  display: none;
 }
</style>

使用了Mustache标签的地方加上v-cloak

<div v-cloak>{{ message }}</div>

这样,Vue就可以隐藏未编译的 Mustache 标签直到实例准备完毕。实测效果很棒。

以上这篇解决Vue.js由于延时显示了{{message}}引用界面的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 中的类和闭包
Jan 08 Javascript
JS 实现完美include载入实现代码
Aug 05 Javascript
js的写法基础分析
Jan 17 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
Javscript删除数组中指定元素并返回新数组
Mar 06 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
Nov 10 Javascript
loading动画特效小结
Jan 22 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 28 Javascript
js数组的基本使用总结
Jan 18 Javascript
前端JavaScript大管家 package.json
Nov 02 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 #Javascript
vue实现在一个方法执行完后执行另一个方法的示例
Aug 25 #Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
Aug 25 #Javascript
对Vue beforeRouteEnter 的next执行时机详解
Aug 25 #Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
Aug 25 #Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 #Javascript
Vue中mintui的field实现blur和focus事件的方法
Aug 25 #Javascript
You might like
PHP重载基础知识回顾
2020/09/10 PHP
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
2007/03/27 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
2015/06/09 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
轻量级网页遮罩层jQuery插件用法实例
2015/07/31 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
2016/11/26 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
2016/12/08 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
JS+DIV实现拖动效果
2020/02/11 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
2020/08/14 Javascript
详解React中共享组件逻辑的三种方式
2021/02/02 Javascript
python实现代码行数统计示例分享
2014/02/10 Python
pandas 实现字典转换成DataFrame的方法
2018/07/04 Python
python使用PIL实现多张图片垂直合并
2019/01/15 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
python+mysql实现个人论文管理系统
2019/10/25 Python
python实现超市商品销售管理系统
2019/11/22 Python
python getopt模块使用实例解析
2019/12/18 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
pycharm 关掉syntax检查操作
2020/06/09 Python
python模拟点击在ios中实现的实例讲解
2020/11/26 Python
CSS3动画特效在活动页中的应用
2020/01/21 HTML / CSS
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
AJAX应用和传统Web应用有什么不同
2013/08/24 面试题
医药专业推荐信
2013/11/15 职场文书
2014年健康教育实施方案
2014/02/17 职场文书
工伤赔偿协议书范本
2014/04/15 职场文书
专家推荐信模板
2014/05/09 职场文书
房屋买卖协议样本
2014/11/16 职场文书
自我工作评价范文
2015/03/06 职场文书
个人求职意向书
2015/05/11 职场文书
JavaScript圣杯布局与双飞翼布局实现案例详解
2022/08/05 Javascript