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

Posted

技术标签:

【中文标题】防止 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无关,所以我不知道你的意思。

以上是关于防止 Vue.js 在慢速客户端上显示括号[重复]的主要内容,如果未能解决你的问题,请参考以下文章

从客户订单表中查找最近的重复订单 - 慢速交叉应用

vue双大括号为空

Vue js如何防止按钮连续点击两次[重复]

我无法弄清楚如何防止在 Node.js 中出现此 CORS 错误 [重复]

NSNumberFormatter 在负值上显示括号[重复]

vue.js怎样解决按钮多次点击重复提交