Vue中渲染页面前插值表达式闪烁解决方案

最新推荐文章于 2023-03-07 10:14:04 发布

打小就霸

最新推荐文章于 2023-03-07 10:14:04 发布

阅读量283

点赞数 1

分类专栏：项目流程 Vue总结文章标签： vue html javascript css3 es6

本文链接：https://blog.csdn.net/m0_46183499/article/details/114703275

版权

Vue总结同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

项目流程

4 篇文章 0 订阅

订阅专栏

这两天写页面出现了在使用vue绑定数据的时候，渲染页面时会出现变量闪烁的情况，给大家总结分享一下

直接看代码

<style>
[v-cloak] {
    display: none !important;
}
</style>
<body>
<div class="#app" v-cloak>
    <p>{{msg}}</p>
</div>
</body>

<script>
    new Vue({
        el:"#app",
        data:{
			msg:'hello word'
        },
        })
</script>

在加载页面的时候会看到 {{msg}} 一闪而过，然后才出现动态的数据

只需要在 根标签app上添加 v-cloak 样式中加入 v-cloak即可完美解决

今天的分享就到这了，感谢大家耐心观看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

打小就霸

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue中渲染页面前插值表达式闪烁解决方案

这两天写页面出现了在使用vue绑定数据的时候，渲染页面时会出现变量闪烁的情况，给大家总结分享一下直接看代码<style>[v-cloak] { display: none !important;}</style><body><div class="#app" v-cloak> <p>{{msg}}</p></div></body><script> ne
复制链接

扫一扫