vue.js 列出的项目顺序不正确

Question

我在 vue.js 中列出了一个列表，其中的顺序与我预期的不同。 A code pen is available here

编辑：啊哈，看来问题只出现在 Chrome，我无法在 Firefox 和 Edge

中重现

所有项目都正确排序（绿色）除了第一个（红色）：

标记中的列表定义如下：

<li v-for="image in orderedPhotos" v-bind:key="image.imageKey" style="border: solid 1px black;margin: 5px">;

并且 orderedPhotos 变量是计算的 vue.js 变量：

computed: {
  orderedPhotos() {
    return this.photos.slice(0).sort((x, y) => x.uploadDate < y.uploadDate);
  },
}

Answer 1

您正在返回一个布尔值。做：

computed: {
  orderedPhotos() {
    return this.photos.slice(0).sort((x, y) => x.uploadDate - y.uploadDate);
  },
}

vue.js list items not in correct order