Javascript 渲染后的Vuejs排序

我已将元素绑定到@click

添加日期

我想做的是在页面加载时调用它，或者当组件在vuejs中呈现时调用它，这样我就可以在它打开时拥有一个预排序的表。显然，如果我在渲染后调用它，它仍然无法排序

这里有一个显示项目的循环

<tr is="song-item" v-for="item in displayedItems"  :orderBy="dateadded" :song="item" ref="rows"></tr>

现在的问题是，如果我返回orderby（displayedItems2），我将无法从页面本身进行排序。那么，我该如何对预渲染进行排序，还是直接在外部调用排序（'dateadded'）？i、 没有点击它

我想做的就是能够访问sort（'dateadded'）

我基本上是在渲染/显示之前对其进行排序： （登录演示后，使用链接）

---

它没有添加日期，但如果我们可以引用排序标题。谢谢。

也许您应该在计算属性中使用排序

  return limitBy( filterBy(
      this.mutatedItems,
      this.q,
      'dateadded', 'title', 'album.name', 'artist.name',  'id',
    ),
    this.numOfItems,
  ).sort(sortingFunction);

---

收到数据后，您可以在nextTick内调用window.sorted（'dateadded'）。更好的方法是在收到数据时对其进行排序。谢谢。它确实帮了忙：）很高兴，我能帮上忙！

  return limitBy( filterBy(
      this.mutatedItems,
      this.q,
      'dateadded', 'title', 'album.name', 'artist.name',  'id',
    ),
    this.numOfItems,
  ).sort(sortingFunction);