【问题标题】:Is there a v-cloak inverse?是否有 v-cloak 逆?
【发布时间】:2018-03-22 18:16:48
【问题描述】:

根据VueJS documentationv-cloak“指令可用于隐藏未编译的胡子绑定,直到 Vue 实例准备好。”。也就是说,我可以隐藏一个div之类的东西,当vue准备好时就会显示出来。

VueJS 是否提供逆向?隐藏的东西直到 VueJS 准备好了?

【问题讨论】:

  • 您的意思是在编译实例之前将显示的内容?
  • @Vivick 是的!没错。
  • 只需在 CSS 中隐藏元素,并使其在 createdmounted 生命周期挂钩中可见?

标签: javascript vue.js vuejs2 vue-component


【解决方案1】:

有很多解决方案,我认为另一种解决方案是使用 v-ifdata 中的错误属性,例如:

<div v-if="false">Loading Vue....</div>
<div v-cloak>vue loaded</div>

【讨论】:

    【解决方案2】:

    就这么简单:

    <div v-if="false">Will be visible until vue is mounted/ready...</div>
    

    适用于所有版本。

    元素必须在你的容器内...如果你用来隐藏你的主容器,那么改变它:

    <div id="app">
        <div v-if="false">Visible while loading...</div>
        <div v-cloak>Visible when ready...</div>
    </div>
    

    【讨论】:

    • 希望所有的答案都是这样的!非常简单、漂亮和优雅的解决方案
    • 感谢分享这个很棒的解决方案!
    猜你喜欢
    • 2018-06-08
    • 2018-11-24
    • 2016-04-24
    • 2021-08-03
    • 2016-09-28
    • 2021-09-27
    • 1970-01-01
    • 2011-05-04
    • 2018-07-09
    相关资源
    最近更新 更多