2017-03-05 6 views
2

を働いていない私はreverseKey http://011.vuejs.org/api/filters.html#orderByのマニュアルを参照して、以下のいenter link description hereVuejs reverseKey

ここでは私のコードです:

<div class="one-table-row row-with-data row" v-for="message in messages | orderBy orderKey reverse |filterBy searchKey | offset offset | limit perpage"> 

    // ...... other code 

</div> 

私のViewModel:

上記
data: function(){ 
    return { 
     // other vars.... 
     reverse: false 
    } 
} 

messageリスト

を反転しません

私がこれを使用する場合:

<div class="one-table-row row-with-data row" v-for="message in messages | orderBy orderKey -1|filterBy searchKey | offset offset | limit perpage"> 

    // ...... other code 

</div> 

ViewModelを同じに保ちます。

-1インラインの代わりにreverse(falseまたは-1のいずれか)を使用しても機能しないのはなぜですか(これは上記のドキュメントのリンクに従って行う必要があります)。

+0

使用しているvue.jsのバージョンはどれですか? – Saurabh

答えて

2

あなたは、それがVueの0.11のために、非常に古いですさにリンクされているドキュメントは、新しいバージョンを使用しているように見える、私は推測している> = 1.0(理由と< 2.0(あなたの代わりにv-repeatv-forを使用しているため)その後、指令のフィルターは放棄されました)。

とにかく、この機能は説明したとおりに機能するはずです。ここにはVue 1.0.28のworking JSFiddleがあります。 true/falseは動作しません(ドキュメントリンクが古いため適用されないため)-1/1を使用する必要があります。

/1あなたが説明した内容が本当であり、実際に試したことがあれば、あなたの問題は明らかに別の場所にあるため、必要に応じてもっとコードを提供する必要があります私たちを助ける。

+0

はい、正しいと思われます。私はvue 1.0.7 BTWを使用しています。 -1/1は動作しますが、真/偽は動作しません – rahulserver