itsource

VueJ에서 속성별 개체 정렬 목록s

mycopycode 2022. 10. 5. 22:38
반응형

VueJ에서 속성별 개체 정렬 목록s

이제 막 VueJs 2를 배우기 시작했는데 질문이 많을수록 더 어려워집니다.

오브젝트 배열에 샘플 문제가 있어 각각의 요소에 대해 동적으로 갱신할 수 있는 "투표" 속성을 기준으로 배열 정렬이 필요합니다.동적으로 표를 기준으로 목록을 정렬하고 싶습니다.그래서 어떻게 하면 이상한 코드를 사용하지 않고 그렇게 할 수 있을까 하는 것이 문제입니다.

각도에서 당신은 다음과 같은 일을 할 것이다.

for candidate in candidates | orderBy: 'votes'

하지만 여기서 나는 단지 이런 것만을 할 수 있었다.

v-for="(value, index, key) in sorted_candidates"

.js의 어디에

 computed : {
      sorted_candidates() {
          return this.candidates.sort((a, b) => { return b.votes - a.votes;});
      }
  }

그럼 이 문제를 좀 더 우아하게 해결할 수 있는 방법이 있을까요?주의: 오브젝트 속성을 정렬하고 있습니다.

이는 이미 충분히 간단한 솔루션이며 Vue1에서는 계속 사용할 수 있습니다.OrderBy그러나 Vue2에서는 현재 사용하고 있는 솔루션을 선택할 것을 권장합니다.여기에서 참조할 수 있습니다.

언급URL : https://stackoverflow.com/questions/45788513/sorting-list-of-object-by-property-in-vuejs

반응형