Vuejs reverseKey不工作

时间:2017-03-05 16:27:05

标签: javascript vue.js

我正在关注reverseKey http://011.vuejs.org/api/filters.html#orderBy enter link description here

的文档

这是我的代码:

        int _usernameLength = Int32.Parse(_command.Substring(3, 2));
        string _username = _command.Substring(5, _usernameLength);
        Vector3 remotePos = JsonUtility.FromJson<Vector3>
        if (_username != username)
        {
        playerDict[_username].transform.position = remotePos;
        } 

我的ViewModel:

<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

保持ViewModel相同,这可行。

那么为什么使用<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> (假设为-1或-1)而不是-1 inline不起作用?(它应该根据上面给出的文档链接)。

1 个答案:

答案 0 :(得分:2)

您链接到的文档很旧,对于Vue 0.11而言,您似乎使用的是较新版本,我猜测&gt; = 1.0(因为您正在使用{{ 1}}代替v-for)和&lt; 2.0(因为指令中的过滤器在此之后被放弃了。)

无论如何,该功能应该如您所描述的那样工作 - 这里是working JSFiddle与Vue 1.0.28。请注意,v-repeat / true无法正常工作(因为您的文档链接已过时且不适用),您必须使用false / {{1 }}

但是,如果您描述的内容是真的并且您真的尝试了-1 / 1,那么您的问题显然是在其他地方,所以您必须提供更多代码(或更好的是,一个有效的演示你的问题)如果你想让我们帮忙的话。