Vuejs reverseKey不工作

Question

我的reverseKey http://011.vuejs.org/api/filters.html#orderByenter link description here

这里的文档以下是我的代码：

<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> 

我的视图模型：

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一样，这是有效的。

那么为什么使用reverse（或者为false或-1）而不是-1 inline不起作用？（它应该根据上面给出的文档链接）。

Answer 1

您链接的文档非常陈旧，它适用于Vue 0.11，您似乎正在使用更新的版本，我猜测> = 1.0（因为您使用v-for而不是v-repeat）和< 2.0（因为之后，指令中的过滤器被废弃）。

无论如何，该功能应该像你所描述的那样工作 - 这里是带有Vue 1.0.28的working JSFiddle。请记住，true/false不起作用（因为您的文档链接已旧且不适用），因此您必须使用-1/1。

但是，如果你所描述的是真实的，你真的试过-1/1过，那么你的问题显然是别的地方，所以你一定要提供更多的代码（或更好，但你的问题的工作演示）如果你想我们来帮助。