0
点赞
收藏
分享

微信扫一扫

说说 Vue.js 中的 v-cloak 指令

东言肆语 2022-03-11 阅读 42

作用:使用 v-cloak 指令是解决屏幕闪动的问题

使用场景:当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码(如直接显示胡子语法)。我们可以使用 v-cloak 指令来解决这一问题。

使用方法:

vue.js内容不变,在vue的页面中(html)的标签添加v-cloak,和css样式搭配使用

//html或者.vue文件

<div id="app" v-cloak>
    {{context}}
</div>


//css

[v-cloak]{
    display: none;
}
举报

相关推荐

0 条评论