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

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

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

会发生什么:

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

如何才能一目了然?

我在 Chrome 上使用 Vue3。

【问题讨论】:

  • 请分享整个代码

标签: vue.js vuejs3


【解决方案1】:

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

[v-cloak] {
  display: none;
}

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-04-05
    • 2017-08-13
    • 2021-07-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多