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);
  },
}

演示：https://codepen.io/acdcjunior/project/editor/ZEjGBR