Question

HTML：

<div id="demo">
    <h1>{{title | uppercase}}</h1>
    <ul>
        <li v-repeat="todos" v-on="click: done = !done" class="{{done ? 'done' : ''}}">
            {{content}}
        </li>
    </ul>
</div>

JS：

var demo = new Vue({
    el: '#demo',
    data: {
        title: 'todos',
        todos: [] //testing with data use: [{done:false,content:'testing'}]
    }
});

或者：http://jsfiddle.net/ksumarine/yMv7y/301/

我想在此时显示＆＃34;没有待办事项＆＃34;或者类似的东西，如果数据返回为空。我无法弄清楚如何做到这一点。

此外，当我在我的应用程序中有类似的东西时，我会在Vue将其替换为数据之前在页面上看到胡子绑定。有关如何隐藏用户绑定的想法吗？

感谢您的帮助！

Answer 1

只有当待办事项数组为空时，才能使用v-if="!todos.length"显示消息。

对于绑定的闪存，使用v-cloak和CSS规则一起隐藏它直到编译完成。

组合示例：http://jsfiddle.net/yMv7y/304/

如果数据为空则显示HTML

1 个答案: