javascript - v-for="n in 10" ソートを実装する方法、デフォルトは 1 から 10 ですが、10 から 1 を実装するにはどうすればよいですか?

Question

v-for="n in 10" 並べ替えを実装するにはどうすればよいですか? デフォルトは 1 から 10 です。10 から 1 までを実装するにはどうすればよいですか?

滿天的星座 · Answer

10を1にしたいなら、11 - nだけで十分ではないでしょうか...
なぜそんなにまっすぐなのですか...

巴扎黑 · Answer

質問者はvueタグを書いていませんが、v-for命令を見たので、質問者はvueを使って1から10を逆順に並べる方法を尋ねているはずです。
次の vue コンポーネントがあるとします

リーリー

1.フィルターを使用する

リーリー

2.vueメソッドの使用

リーリー

このような数値をループするために計算された属性を使用する方法はありません。 data中一个值改变后，把他映射到另外一个值相当于一个函数，而v-for計算された属性は、リストデータをループした後の反復子に相当し、データの特定の属性値を変更しません。

数値を直接ループするのではなく、配列またはオブジェクトをループすることをお勧めします。ロジックが非常に単純でない限り、ループ内で複数のタグが生成されるだけです。配列要素を並べ替えるには、sort() を使用して逆ソート関数に渡すこともできます。これにより、最初に並べ替えられた配列を計算されたプロパティにマッピングしてから、v-for 計算されたプロパティを逆順にループすることができます。。逆の順序で実装することもできます。

単純なケースでは、Angular パイプラインであるフィルターを使用することをお勧めします

给我你的怀抱 · Answer

次に、10~1 を格納する配列を構築する必要があります

滿天的星座 · Answer

計算された属性を使用できます。詳しくは、js のソートメソッド sort を参照してください。

【こちら】

PHP中文网 · Answer

vue 内の場合は、フィルターを使用して変換することも検討できます

仅有的幸福 · Answer

リーリー

高洛峰 · Answer

3 つのメソッド: 1. フィルターを使用する 2. 属性を計算する 3. メソッドイベントイベント 11-n の処理は比較的単純です