Vue를 사용하여 숫자 정렬

Question

Vue 데이터가 있습니다:

으아악

선택한 층을 사용하여 테이블 행을 필터링해야 합니다. 필터링은 잘 되는데 필터에서 선택한 층의 순서는 10, 11, 12, 3, 4, 5입니다

내 메소드에는 이 기능이 있습니다

으아악

이 계산은 불충분합니다

으아악

이것은 내 HTML입니다

으아악

내가 무엇을 놓치고 있는지, 이 층을 3, 4, 5, 10, 11, 12로 표시하는 방법에 대해 알고 계시나요?

Answer 1

예를 들어 층수를 숫자로 변환하려면 Number('3')를 사용해야 합니다. 문자열이 아닌 숫자를 비교합니다.

문자열을 비교할 때 10 < 2와 같은 알파벳순(사전순)이 표시됩니다.

고정 정렬 기능은 다음과 같습니다.

으아아아

유형 변환에 대해 자세히 알아보려면 여기를 참조하세요: https://developer.mozilla.org/en-US/docs/Glossary/Type_Conversion

Answer 2

숫자가 아닌 문자열을 비교하고 있습니다. 문자열 10、11、12 低于 2 或 3。在比较之前使用 parseInt 문자열을 변환합니다.

으아아아