解决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 相关文章推荐
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
js制作的鼠标悬浮时产生的下拉框效果
Oct 27 Javascript
javascript之典型高阶函数应用介绍二
Jan 10 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
JavaScript中instanceof运算符的使用示例
Jun 08 Javascript
Javascript自定义事件详解
Jan 13 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 Javascript
Angular2+如何去除url中的#号详解
Dec 20 Javascript
vue2单元测试环境搭建
May 24 Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 Javascript
深入了解JavaScript 防抖和节流
Sep 12 Javascript
微信小程序实现文件预览
Oct 22 Javascript
微信公众号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
咖啡与牛奶
2021/03/03 冲泡冲煮
文件上传类
2006/10/09 PHP
php 按指定元素值去除数组元素的实现方法
2011/11/04 PHP
php操作xml入门之xml标签的属性分析
2015/01/23 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
php获取服务器操作系统相关信息的方法
2016/10/08 PHP
PHP实现动态删除XML数据的方法示例
2018/03/30 PHP
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
2013/01/15 Javascript
JS实现点击链接取消跳转效果的方法
2014/01/24 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
js实现类似新浪微博首页内容渐显效果的方法
2015/04/10 Javascript
jqTransform美化表单
2015/10/10 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
2017/03/27 Javascript
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
VUE使用axios调用后台API接口的方法
2020/08/03 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
Python生成随机密码的方法
2017/06/16 Python
Python实现的爬虫功能代码
2017/06/24 Python
python样条插值的实现代码
2018/12/17 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
Python新手如何理解循环加载模块
2020/05/29 Python
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
html5弹跳球示例代码
2013/07/23 HTML / CSS
护理医院见习报告
2014/11/03 职场文书
开会通知短信大全
2015/04/20 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
《坐井观天》教学反思
2016/02/18 职场文书
《分数乘法》教学反思
2016/02/24 职场文书
合同范本之电脑出租
2019/08/13 职场文书
OpenCV-Python实现图像平滑处理操作
2021/06/08 Python
python利用while求100内的整数和方式
2021/11/07 Python
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js