v-show 在我挂载 Vue 之前不会隐藏元素

Posted

技术标签:

【中文标题】v-show 在我挂载 Vue 之前不会隐藏元素【英文标题】:v-show doesn't hide elements until I mount Vue 【发布时间】:2021-04-27 17:21:29 【问题描述】:

我将createAppmount 发送到<div>,它就在<body> 的下方。 我 mount</body> 之前,因为 <div> 必须在我 mount 之前存在。

我的模型的属性是false,因此不应显示带有v-show 的元素。

会发生什么:

    已加载 <body><div>,其中包括带有 v-show 的元素。 即使我不想看到带有v-show 的元素,它们也会全部显示出来。 Vue 隐藏带有v-show 的元素。终于好了。

如何才能一目了然?

我在 Chrome 上使用 Vue3。

【问题讨论】:

请分享整个代码 【参考方案1】:

您可以尝试将v-cloak指令添加到div和以下样式

[v-cloak] 
  display: none;

v-cloak 文档:https://vuejs.org/v2/api/#v-cloak

【讨论】:

以上是关于v-show 在我挂载 Vue 之前不会隐藏元素的主要内容,如果未能解决你的问题,请参考以下文章

vue v-if与v-show使用注意问题

Vue v-show 显示隐藏

Vue 在隐藏元素之前渲染元素

如何在 Vue 转换开始之前读取大小并移动隐藏元素?

如何利用Vue.js库中的v-show显示和隐藏元素

Vue的动画封装