解决Vue.js由于延时显示了{{message}}引用界面的问题
更新时间：2018年08月25日 17:09:17 作者：violet-jack
今天小编就为大家分享一篇解决Vue.js由于延时显示了{{message}}引用界面的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在使用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}}引用界面的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue中如何动态拼接this后面的变量问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
在我们编写css样式中是不能直接使用vue data中的变量的,下面这篇文章主要给大家介绍了关于vue如何在style标签中使用变量(数据)的相关资料,需要的朋友可以参考下2022-09-09
vue3 element-plus el-tree自定义图标方式
这篇文章主要介绍了vue3 element-plus el-tree自定义图标方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
Vue使用Print.js打印div方式(选中区域的html)
这篇文章主要介绍了Vue使用Print.js打印div方式(选中区域的html),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
今天小编就为大家分享一篇关于实例讲解v-if和v-show的区别，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
本篇文章主要介绍了vue2.0中vue-cli实现全选、单选计算总价格的实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了VNode虚拟节点,结合实例形式分析了VNode虚拟节点的基本功能、原理与实现方法,需要的朋友可以参考下2023-06-06
在日常开发中,Vue 项目中的表单布局和样式优化是一个重要的环节,通过合理的布局与美观的样式设计,不仅可以提升用户体验,还能增加页面的实用性和观赏性,本文将总结几个常见的表单和表格布局优化的技巧,需要的朋友可以参考下2024-10-10
这篇文章主要为大家介绍了Pinia介绍及工作原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
在vue中，有时候你需要对data中的数据进行处理，或者对抓取的数据进行处理之后再挂载呈现到标签中，这时候你就需要计算属性了，当然看到这里你可能还是不了解那下面我举几个实例并附代码解释2023-03-03
最新评论