是否有v-cloak逆?

时间:2017-10-11 07:13:21

标签: javascript vue.js vuejs2 vue-component

根据VueJS documentationSMGME-5868 (Fix 15) Mediator transforms rest request of type multipart/form-data to XML. When requests with multipart/form-data are sent to Mediator, Mediator converts the request to application/xml. This issue is resolved “指令可用于隐藏未编译的胡须绑定,直到Vue实例准备就绪。”换句话说,我可以隐藏v-cloak或类似的东西,并在vue准备就绪时显示。

VueJS是否提供反向?什么东西隐藏直到 VueJS准备好了?

3 个答案:

答案 0 :(得分:12)

简单如下:

<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>

答案 1 :(得分:2)

有很多解决方案,我认为另一个解决方案是在v-if中使用data和false属性,如:

<template>
    <div v-if="hideWhenVueIsUp">Loading Vue....</div>
</template>
<script>
    export default {
        data: {
            return {
                hideWhenVueIsUp: false
            }
        }
    }
</script>

答案 2 :(得分:0)

一种解决方案是首先显示一些纯HTML,然后使用mounted事件在安装时将其从DOM中删除。

也可能有插件用于此目的。