解决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 相关文章推荐
统计jQuery中各字符串出现次数的工具
May 03 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
Oct 11 Javascript
jQuery 重复加载错误以及修复方法
Dec 16 Javascript
javascript日期格式化方法汇总
Oct 04 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
利用Javascript实现简单的转盘抽奖
Feb 13 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
Jul 03 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
JavaScript选择排序算法原理与实现方法示例
Aug 06 Javascript
Vue-component全局注册实例
Sep 06 Javascript
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 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 操作文件的一些FAQ总结
2009/02/12 PHP
PHP计算指定日期所在周的开始和结束日期的方法
2015/03/24 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
不要在cookie中使用特殊字符的原因分析
2010/07/13 Javascript
js列举css中所有图标的实现代码
2011/07/04 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
JS实现可关闭的对联广告效果代码
2015/09/14 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
2015/09/28 Javascript
用原生js统计文本行数的简单示例
2016/08/19 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
微信小程序自定义toast组件的方法详解【含动画】
2019/05/11 Javascript
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB
2014/05/21 DOTA
Python实现获取某天是某个月中的第几周
2015/02/11 Python
python利用datetime模块计算时间差
2015/08/04 Python
Python数据类型中的“冒号“[::]——分片与步长操作示例
2018/01/24 Python
python 实现登录网页的操作方法
2018/05/11 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
若干个Java基础面试题
2015/05/19 面试题
小学生新年寄语
2014/04/03 职场文书
研发工程师岗位职责
2014/04/28 职场文书
比赛口号大全
2014/06/10 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
党课主持词大全
2015/06/30 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
2016年教师党员创先争优承诺书
2016/03/24 职场文书
争做文明公民倡议书
2019/06/24 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
SONY AN-LP1 短波有源天线放大器图
2022/04/05 无线电