반응형
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
반응형
'itsource' 카테고리의 다른 글
JavaScript에서 날짜 차이를 계산하는 방법은 무엇입니까? (0) | 2022.10.15 |
---|---|
ER_NOT_SUpported_AUTH_MODE - MySQL 서버 (1) | 2022.10.05 |
org.w3c.dom 출력 방법요소에서 문자열 형식(Java)을 선택하십시오. (1) | 2022.10.05 |
이름을 문자열로 지정한 모듈을 Import하려면 어떻게 해야 합니까? (0) | 2022.10.05 |
MySQL에서 타임스탬프 마이너스 6주를 얻으려면 어떻게 해야 하나요? (0) | 2022.10.05 |