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

例如,在my 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" 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示例中,可以使用指令绑定值,并防止显示括号.

我怎样才能在Vue.js分钟内达到这个效果?

推荐答案

v-text应该可以让你渲染出更多的Angular ,而v-cloak可以帮助你隐藏模板内容,直到编译完成,以满足你需要mustache 标签的情况.

Vue.js相关问答推荐

Vue路由路径匹配行为

为什么v-show需要组件的包装元素?

使用V-TOOLTIP(实例化)使工具提示在V-文本字段中显示清晰的图标

如何将字符串中的
解析为 VUE.js 中的 html 标记

nuxt.js - 预加载 .woff 字体加载为@font-face

使用 Vue.js 和 Jest 进行 URL 重定向测试

在按键 vuejs 中只允许数字和一个小数点后 2 位限制

在 SPA VueJS 中全局声明 mapState 和 mapMutations

如何从我的 Vuetify 数据表中正确更新 Vuex 状态

如何创建 vuetify 工具栏链接下拉菜单?

VueJS 禁用特定属性的react性

Vue.js:从 parent父Vue 获取数据

从我的服务访问路由实例

Vue CLI - 将构建输出组合到单个 html 文件

Vuejs css 范围性能

VueJS 2 在多个组件上debounce

如何在 NuxtJS 中设置全局 $axios 标头

组件已注册但未使用 vue/no-unused-components

Vue $refs 对象的类型为 unknown未知

如何访问通用 javascript 模块中的当前路由元字段