VUEJS V-FOR显示记录如何按DSC或ASC对数据进行排序

Question

vuejs v-for显示记录如何按DSC或ASC对数据进行排序。

v-for ="事物中的事物"，我想按事物进行排序。我怎样才能做到这一点..非常感谢您的帮助

Answer 1

一种直接的方法是使用计算属性。假设.price是一个数字（不是字符串），并且您想保留原始数组，例如

computed: {
    sortedThings() {
        return this.things.slice().sort((a,b) => a.price - b.price);
    }
}

，然后在模板中

<div v-for="thing in sortedThings" ...