vue刷新后瞬间闪烁,无法解析的问题
更新时间：2023年11月09日 14:21:53 作者：donggua_123
这篇文章主要介绍了vue刷新后瞬间闪烁,无法解析的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue刷新瞬间闪烁,无法解析问题
在使用vue的时候写了一段代码
每次刷新的瞬间会无法解析，也只是一闪而已，但是体验非常不好，查阅了资料后发现是由于vue编译的时候是先渲染然后再根据v-show来条件隐藏，那样就会出现看得见的一瞬间，并且显示还在编译之前，这就导致本来刷新的时候要隐藏的元素有一瞬间的显示，而且还是未被编译的状态。
解决这个问题很简单
在内容标签上添加v-cloak属性，并配合css中[c-cload]{display: none;}使用即可。
这样就解决啦！当然其它出现闪烁未编译的情况处理方法类似。
官方给出的该属性的解释是：
这个指令保持在元素上直到关联实例结束编译。
和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Vue组件开发之LeanCloud带图形校验码的短信发送功能
Vue是目前使用较广泛的三大前端框架之一，其数据驱动及组件化的特性使得前端开发更为快捷便利。本文在LeanCloud 短信轰炸与图形校验码官方文档 基础上，从封装需要出发开发一个简单的短信图形验证Vue组件,具体内容详情大家参考下本文2017-11-11
今天小编就为大家分享一篇vue实现在v-html的html字符串中绑定事件，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
这篇文章主要介绍了vue 组件基础知识的相关资料，帮助大家更好的理解和使用vue的组件，感兴趣的朋友可以了解下2021-01-01
本文主要介绍了Vue脚手架配置代理服务器的两种方式(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
Vue是一种流行的JavaScript框架,用于构建用户界面,在Vue中,页面跳转通常使用路由(Router)来实现,除此之外还有很多方法,这篇文章主要给大家介绍了关于vue跳转页面的几种常用方法,需要的朋友可以参考下2024-05-05
本文主要介绍了el-table 动态合并不定项多级表头的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要给大家介绍了关于如何利用vue实现波谱拟合的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
这篇文章主要介绍了vue中 v-for循环的用法详解,本文通过实例代码的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-02-02
本文主要介绍了element表单校验提示定位到元素位置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要介绍了Vue中监视属性和计算属性区别,通过本文学习大家知道computed与watch配置项问题，computed能完成的功能，watch都可以完成，本文通过实例代码给大家详细讲解，需要的朋友可以参考下2022-10-10
最新评论