Vue.js 使用下划线 sortBy 进行排序

Question

尝试在 Vue 组件上实现 sortBy 方法。这是我到目前为止所拥有的。

var studentTableComp =  {
    template: '#studentTable',
    data: function () {
        return {
            students: data,
            show: true,
            columns: [
                'id',
                'candidateType',
                'complete'
            ]
        }
    },
    methods: {
        sortBy: function (sortKey, e) {
            e.preventDefault();
            _.sortBy(this.students.students, sortKey);
        }
    },
}

我可以看到 sortBy 函数正在被命中，并且参数 sortKey 正在从模板正确发送，但问题似乎在于 _.sortBy 函数对 @987654323 没有任何影响@ 大批。

任何想法为什么它不起作用。
我已经尝试使用 Underscores 示例数组的 _.sortBy 方法，它工作正常，但我认为当数组添加到 Vue 组件上的数据时，可能会阻止此函数正常工作。

Answer 1

我看到_.sortBy 工作，看到小提琴here。

代码如下：

var demo = new Vue({
    el: '#demo',
    data: function(){
        return {
        students: [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}]
      };
    },
    methods: {
      sorted: function() {
        return _.sortBy(this.students, 'name');
      }
    }
})

从你的 repo 中添加更多代码，如果你仍然看到这还没有解决。