文章/答案/技术大牛

发布

社区首页 >问答首页 >如何延迟页面的呈现，直到vue变量被刷新？

问如何延迟页面的呈现，直到vue变量被刷新？
EN

Stack Overflow用户

提问于 2017-04-03 12:23:38

回答 1查看 4.6K关注 0票数 2

我使用vue.js显示一些绑定变量。我页面的骨架是

<body>
<!-- the content of the page, including an instance of the variable {{hello}} -->
<script src="vue.js"></script>
<script src="myscript.js"></script>
</body>

打开页面时，页面显示{{hello}}的时间很短，在此之后，将立即替换为变量hello的正确值。

什么是正确的方法(如果有的话)，将页面的显示推迟到变量初始化并显示其值？

我相信这是由于Vue的异步性质 (当第一次呈现发生时队列还没有刷新)，但是我知道如何隐藏这个尚未刷新的页面打开阶段。

javascript

vue.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-03 12:25:56

您可以为此使用V斗篷，下面是如何使用它：

该指令将保留在元素上，直到关联的Vue实例完成编译。结合CSS规则(如v-cloak { display: to } )，该指令可用于隐藏未编译的胡子绑定，直到Vue实例就绪为止。

示例： CSS：

[v-cloak] {
  display: none;
}

HTML：

<div v-cloak>
  {{ message }}
</div>

这与五斗篷非常相似，如果你知道角度的话。

票数 8

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43184595

复制

相似问题

问如何延迟页面的呈现，直到vue变量被刷新？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何延迟页面的呈现，直到vue变量被刷新？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何延迟页面的呈现，直到vue变量被刷新？
EN