ホームページ  >  に質問  >  本文

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

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

習慣沉默習慣沉默2711日前672

全員に返信(7)返信します

  • 滿天的星座

    滿天的星座2017-05-19 10:27:39

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

    返事
    0
  • 巴扎黑

    巴扎黑2017-05-19 10:27:39

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


    リーリー

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

    リーリー

    2.vueメソッドの使用

    リーリー

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


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

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

    返事
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-19 10:27:39

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

    返事
    0
  • 滿天的星座

    滿天的星座2017-05-19 10:27:39

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

    【こちら】

    返事
    0
  • PHP中文网

    PHP中文网2017-05-19 10:27:39

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

    返事
    0
  • 仅有的幸福

    仅有的幸福2017-05-19 10:27:39

    リーリー

    返事
    0
  • 高洛峰

    高洛峰2017-05-19 10:27:39

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

    返事
    0
  • キャンセル返事