防止Vue.js在运行缓慢的客户端上显示方括号\[重复\]

JavaScript

GO小胖GO

2020-03-12

我刚制作了第一个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" 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>

但是问题是直到加载所有网站资产后,我才能得到以下结果:

在此处输入图片说明

例如,在AngularJS示例中,您可以使用指令绑定值,并防止显示方括号。

我怎样才能达到这种效果Vue.js

第1309篇《防止Vue.js在运行缓慢的客户端上显示方括号\[重复\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
理查德Near 2020.03.12

v文本应允许您呈现更多棱角感,而v-cloak可以帮助您隐藏模板内容,直到需要胡子标记的情况下完成编译为止。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android