v-show 在我挂载 Vue 之前不会隐藏元素
Posted
技术标签:
【中文标题】v-show 在我挂载 Vue 之前不会隐藏元素【英文标题】:v-show doesn't hide elements until I mount Vue 【发布时间】:2021-04-27 17:21:29 【问题描述】:我将createApp
和mount
发送到<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 之前不会隐藏元素的主要内容,如果未能解决你的问题,请参考以下文章