javascript - vueテンプレートの変数がtrueでない場合のデフォルト値

Question

問題の説明:

リーリー

は

として表示されます リーリー

望ましい効果:
変数が true でない場合の グローバル デフォルト値 (「--」

など) が存在することを望みます。

私の試み

リーリー

これでも効果は得られますが、とても疲れます。それぞれを書き留める必要があります。怠惰のために、私はそれを修正しました

リーリー

私が望む助け:
しかし、上記の書き方はまだ十分に便利ではないと感じます。オリジナルのデータ x

が汚染されていない

Answer 1

フィルターを使用してこの効果を実現できます:

リーリー リーリー

それでも面倒だと感じる場合は、さらにブラックテクノロジーの方法を使用することもできます:

リーリー

説明しますと、_sはVueの内部プロパティであり、テンプレート内のすべてのテキストノードがこのメソッドによって処理され、戻り値がレンダリングされます。これは、バージョンが更新された場合の安定性を保証できません。注目すべきだ。添付のデモ:
https://codepen.io/cool_zjy/p...

Answer 2

三項演算子を使用できます

リーリー

これは if 判定ステートメントに相当します。

Answer 3

データ内の x 値を変更する場所についての個人的な考えを教えてください:

1. 作成時に変更されるので、変更箇所で最初に使用した短絡操作を直接使用するだけで十分です

2. ビューを初期化してから変更する場合は、初期値を「--」に設定するだけで問題ありません。