javascript - v-for="n in 10" ソートを実装する方法、デフォルトは 1 から 10 ですが、10 から 1 を実装するにはどうすればよいですか?
習慣沉默
習慣沉默 2017-05-19 10:25:39
0
7
662

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

習慣沉默
習慣沉默

全員に返信(7)
滿天的星座

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

いいねを押す +0
巴扎黑

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


リーリー

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

リーリー

2.vueメソッドの使用

リーリー

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


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

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

いいねを押す +0
给我你的怀抱

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

いいねを押す +0
滿天的星座

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

【こちら】

いいねを押す +0
Ty80

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

いいねを押す +0
仅有的幸福

リーリー

いいねを押す +0
小葫芦

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!