VueJS에서 정렬 기능을 만드는 방법은 무엇입니까?

Question

VueJS 코드에서 정렬 기능을 만들려고 합니다. 여기에는 다음과 같은 필드가 있습니다: Price：从低到高，Price：从高到低.

그래서 이건 내 꺼야 template:

으아악

이것은 data() { return {} }:

으아악

이것은 compulated:

으아악

보시다시피 이 기능으로 정렬하려고 하는데 작동하지 않습니다.

으아악

그런데 productsList：[]是对象列表，因此，我需要按price필드에서는 이를 정렬한 후 정렬된 제품을 페이지에 표시합니다.

감사합니다!

Answer 1

비교기 함수를 전달하여 정렬 알고리즘을 사용자 정의할 수 있습니다

데모

으아아아