Vue を使用して数値を並べ替える

Question

vue データがあります:

リーリー

選択したフロアを使用してテーブルの行をフィルタリングする必要があります。フィルタリングは正常に機能していますが、フィルタで選択されたフロアの順序は 10、11、12、3、4、5 です。

私のメソッドにはこの関数があります

リーリー

この計算では不十分です

リーリー

これは私のHTMLです

リーリー

何が足りないのか、またこれらのフロアを 3、4、5、10、11% として表示する方法を教えてください。

Answer 1

たとえば、フロアを数値に変換するには、Number('3') を使用する必要があります。これは文字列ではなく数値間で比較します。

文字列を比較すると、10 のように、アルファベット順 (辞書順) になります。

これは固定ソート関数です:

リーリー

型変換について学ぶには

Answer 2

数値ではなく文字列を比較しています。文字列 10、11、12 は、2 または 3 よりも低くなります。 parseInt を使用して、比較する前に文字列を変換します。

リーリー