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機能がヒットしていることがわかりますし、テンプレートから正しく送信されているソートキーのパラメータが、問題は上の任意の効果を持っていない_.sortBy機能であると思われることthis.students.studentsアレイ。

それがうまくいかない理由があります。
アンダースコアの例配列を使用して_.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'); 
     } 
    } 
}) 

は、あなたのレポからより多くのコードを追加します。