防止 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 在慢速客户端上显示括号[重复]的主要内容,如果未能解决你的问题,请参考以下文章
我无法弄清楚如何防止在 Node.js 中出现此 CORS 错误 [重复]