javascript - Vuejs 反向键不起作用

Question

我正在关注 reverseKey 的文档 http://011.vuejs.org/api/filters.html#orderBy enter 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>

我的 View 模型:

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(因为在那之后指令中的过滤器被放弃了)。

无论如何，该功能应该如您所描述的那样工作 - 这是一个 working JSFiddle使用 Vue 1.0.28。请记住，true/false 将不起作用(因为您的文档链接旧且不适用)，您必须使用 -1/1。

但是，如果您所描述的是真实的，并且您也确实尝试过 -1/1，那么您的问题显然出在其他地方，因此您将不得不提供更多代码(或者更好的是，如果您希望我们提供帮助，请提供您问题的有效演示。