解决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 相关文章推荐
js左侧多级菜单动态的解决方案
Feb 01 Javascript
jquery获取radio值(单选组radio)
Oct 16 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
May 12 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
ES6新特性五:Set与Map的数据结构实例分析
Apr 21 Javascript
react学习笔记之state以及setState的使用
Dec 07 Javascript
Angular网络请求的封装方法
May 22 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 Javascript
在pycharm中开发vue的方法步骤
Mar 04 Javascript
使用eslint和githooks统一前端风格的技巧
Jul 29 Javascript
openlayers实现地图弹窗
Sep 25 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和Mysqlweb应用开发核心技术-第1部分 Php基础-2 php语言介绍
2011/07/03 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
判断php数组是否为索引数组的实现方法
2013/06/13 PHP
PHP Session机制简介及用法
2014/08/19 PHP
smarty模板的使用方法实例分析
2019/09/18 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
JSONP 跨域共享信息
2012/08/16 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
2015/04/02 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
Angular实现点击按钮控制隐藏和显示功能示例
2017/12/29 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
Vue 实现拨打电话操作
2020/11/16 Javascript
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
Tesserocr库的正确安装方式
2018/10/19 Python
python执行精确的小数计算方法
2019/01/21 Python
详解Python3 pandas.merge用法
2019/09/05 Python
python矩阵运算,转置,逆运算,共轭矩阵实例
2020/05/11 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
使用python将微信image下.dat文件解密为.png的方法
2020/11/30 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
致垒球运动员加油稿
2014/02/16 职场文书
三年级评语大全
2014/04/23 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
迎国庆横幅标语
2014/10/08 职场文书
上课说话检讨书500字
2014/11/01 职场文书
2015年采购员工作总结
2015/04/27 职场文书
吴仁宝观后感
2015/06/09 职场文书
2016年寒假生活小结
2015/10/10 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis