解决vue语法会有延迟加载显现{{xxx}}的问题


Posted in Javascript onNovember 14, 2019

在使用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 标签直到实例准备完毕。实测效果很棒!

推荐大家使用阿里云,点击此链接可以领取1000元优惠券,如果你是学生还能加入云翼计划获得9.9元一个月的虚拟机优惠。

以上这篇解决vue语法会有延迟加载显现{{xxx}}的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
firefo xml 读写实现js代码
Jun 11 Javascript
javascript 写类方式之五
Jul 05 Javascript
jQuery.validate 常用方法及需要注意的问题
Mar 20 Javascript
浅析Node.js 中 Stream API 的使用
Oct 23 Javascript
Bootstrap基本样式学习笔记之按钮(4)
Dec 07 Javascript
js实现前端分页页码管理
Jan 06 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 Javascript
如何在vue里添加好看的lottie动画
Aug 02 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
Aug 15 Javascript
详解vue实现坐标拾取器功能示例
Nov 18 Vue.js
vue使用refs获取嵌套组件中的值过程
Mar 31 Vue.js
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 #Javascript
Jquery让form表单异步提交代码实现
Nov 14 #jQuery
vue之延时刷新实例
Nov 14 #Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 #Javascript
vue自定义正在加载动画的例子
Nov 14 #Javascript
如何在wxml中直接写js代码(wxs)
Nov 14 #Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
Nov 14 #Javascript
You might like
PHP结合jQuery实现找回密码
2015/07/22 PHP
javascript读取RSS数据
2007/01/20 Javascript
JS时间选择器 兼容IE6,7,8,9
2012/06/26 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
2014/05/29 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
2014/08/20 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
2018/08/25 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
webpack HappyPack实战详解
2019/10/08 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
python实现统计代码行数的方法
2015/05/22 Python
Python实现动态图解析、合成与倒放
2018/01/18 Python
widows下安装pycurl并利用pycurl请求https地址的方法
2018/10/15 Python
Python和Go语言的区别总结
2019/02/20 Python
PyQT实现菜单中的复制,全选和清空的功能的方法
2019/06/17 Python
Python利用pandas处理Excel数据的应用详解
2019/06/18 Python
基于Python中isfile函数和isdir函数使用详解
2019/11/29 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
Python加载数据的5种不同方式(收藏)
2020/11/13 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
canvas生成带二维码海报的踩坑记录
2019/09/11 HTML / CSS
化工机械应届生求职信
2013/11/04 职场文书
毕业生自我鉴定
2013/12/04 职场文书
大学生入党思想汇报
2014/01/01 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
幼儿园老师新年寄语2015
2014/12/08 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书
高考升学宴主持词
2019/06/21 职场文书
python图像处理 PIL Image操作实例
2022/04/09 Python
Spring Boot优化后启动速度快到飞起技巧示例
2022/07/23 Java/Android