防止 Vue.js 在慢速客户端上显示括号[重复]

Posted 2023-02-22

【中文标题】防止 Vue.js 在慢速客户端上显示括号[重复]

【英文标题】：Prevent Vue.js to display brackets on slow clients [duplicate]

【发布时间】：2016-07-24 07:39:02

【问题描述】：

我刚刚制作了我的第一个 Vue.js 应用程序，它很棒。我遇到的唯一问题与慢速连接上的绑定值有关。

例如，在我的template 我有这个代码：

<div v-for="event in events">
    <div class="start_time">
         event.start_time_formatted 
    </div>
    <div class="icon_placeholder">
        <img v-bind:src="event.icon"  />
    </div>
    <div class="event_title">
        <a v-bind:href="event.url">
             event.title 
        </a>
    </div>
    <div class="button_placeholder">
        <a v-bind:href="event.url" class="btn btn-filled">
            Watch
        </a>
    </div>
</div>

但问题是我得到这个结果，直到我网站的所有资产都被加载：

比如AngularJS例子中，可以使用指令绑定值，防止括号显示。

如何在Vue.js中实现这个效果？

【问题讨论】：

可能是重复的，但是这里的答案比其他的所有答案都好。

【参考方案1】：

v-text 应该允许你渲染更多的角度，并且v-cloak 可以帮助你隐藏模板内容，直到编译完成，以适应你需要小胡子标签的情况。

【讨论】：

对我不起作用，我正在从第三方 API 获取数据。

你的数据来自哪里与使用v-text无关，所以我不知道你的意思。