まずは簡単な紹介
三項演算子: 条件? 結果 1 : 結果 2
条件の結果が真の場合は結果 1 を出力、それ以外の場合は結果 2 を出力
私のこれまでの認識と使用経験では、三項演算子は基本的にメソッド内の判定に使用されますが、比較的単純なシナリオでは、三項演算子を使用することで if 判定を置き換えてコードを簡素化できます。
でも、最近の使い方で、新たな面白い使い方(Sao操作)を発見してしまいました…おいおい…。
シーン 1:
たとえば、v-for の従来の書き方を次の図に示します。
しかし、私の探索(低EQ:ランダムに試した後)の結果、以下の図のように書くこともできることがわかりました。
パッケージ化されたコンポーネントであるとして、受け取ったパラメータが isShow で、受け取った値が true の場合は testData1 のデータを表示させ、それ以外の場合は testData2 のデータを表示する このように書くことで、関数を使わずに直接判定できるようになります監視して、表示されたデータを変更します... (念のために言っておきますが、必ずしもパッケージ化されたコンポーネントである必要はありません。とにかく、他のビジネス シナリオも考えることができます...)
他にもシーンはあるのですが…えっと…うっかり忘れてたので、後で思い出したときに追加します…。
-------------------------------------------------- -------------------------------------------------- ------------------------
2022.12.15 補足
新しいアプリケーション シナリオの発見
シーン 2:
ビジネス要件: クリックイベントの有無は権限に応じて設定する必要がある
Baidu が学習した後は、以下のように @click に && 操作を記述できます。
元のリンク: https://www.jb51.net/article/235737.htm
そこで私は、どちらの計算もできるのであれば、三眼鏡でも使えるのではないか、試してみてはいかがかと考えたのです。
すると、下の写真のように完成です!
共有の終了、レンガを移動、レンガを移動!