javascript - 防止 Vue.js 在慢速客户端上显示括号

标签 javascript vue.js

<分区>

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

例如,在我的模板中我有这样的代码:

<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" alt="Sport Image" />
    </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>

但问题是,在加载我网站的所有 Assets 之前,我会得到这个结果:

enter image description here

例如,在AngularJS的例子中,可以通过指令绑定(bind)值,不显示括号。

如何在 Vue.js 中实现这种效果?

最佳答案

v-text应该允许您渲染更多 Angular ,并且 v-cloak在需要 mustache 标签的情况下,可以帮助您隐藏模板内容,直到编译完成。

关于javascript - 防止 Vue.js 在慢速客户端上显示括号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36408144/

相关文章:

vue.js - Vue 3 Web 组件不会构建,而是抛出错误

javascript - 如何在Vue js中的父组件和3个子组件中使用全局变量

javascript - 通过递归检查均匀性(Eloquent javascript-exercise)

javascript - AngularJS:Ng-repeat 中断 "Waves"动画

属性内的 Vue.js 原始 HTML

javascript - 使用VueJS 2.0和vue-mdl菜单组件,如何响应点击事件?

javascript - 如何使用 vue.js 更改页面上的 html?

javascript - jQuery AJAX 竞争条件

javascript - 当我在移动设备上上下滚动时,我的技能图表不会消失

javascript - onchange 事件运行不正常