小编ksu*_*ine的帖子

对不起,如果以前曾经问过,但我找不到一个很好的例子,说明我想要完成的事情.也许我只是不寻找正确的事情.如果在某处有解释,请纠正我.无论如何...

我有像这样结构的JSON数据......

{"Result":[
    {"Level":"ML","TeamName":"Team 1","League":"League 1"},
    {"Level":"ML","TeamName":"Team 2","League":"League 2"},
    {"Level":"ML","TeamName":"Team 3","League":"League 3"},
    {"Level":"3A","TeamName":"Team 4","League":"League 1"},
    {"Level":"3A","TeamName":"Team 5","League":"League 2"},
    {"Level":"3A","TeamName":"Team 6","League":"League 3"},
    {"Level":"2A","TeamName":"Team 7","League":"League 1"},
    {"Level":"2A","TeamName":"Team 8","League":"League 2"},
    {"Level":"2A","TeamName":"Team 9","League":"League 3"},
]}

我想分组,或者像这样重组...

{"Result":[
    {"ML":[
        {"TeamName":"Team 1","League":"League 1"},
        {"TeamName":"Team 2","League":"League 2"},
        {"TeamName":"Team 3","League":"League 3"}
    ]},
    {"3A":[
        {"TeamName":"Team 4","League":"League 1"},
        {"TeamName":"Team 5","League":"League 2"},
        {"TeamName":"Team 6","League":"League 3"}
    ]},
    {"2A":[
        {"TeamName":"Team 7","League":"League 1"},
        {"TeamName":"Team 8","League":"League 2"},
        {"TeamName":"Team 9","League":"League 3"}
    ]}
]}

我将如何使用Javascript/jQuery实现这一目标？不幸的是我无法编辑服务器发送给我的内容.

我在我的网站上有一个工作的fullcalendar,但是,在您更改月份/年份或选择"今天"之前,实际的日历表不会显示.

如果我查看渲染的源,我会看到表格周围的div是空的,直到我按下按钮.

<div style="position: absolute; -moz-user-select: none;" class="fc-view fc-view-month fc-grid" unselectable="on"></div>

有没有人知道为什么会这样？

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/

如果数据显示为空,我想显示"此时没有待办事项"或类似内容.我无法弄清楚如何做到这一点.

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

谢谢您的帮助!