[解決済み] v-if内部の複雑な条件

質問

に渡す複雑な条件を作成したい。 v-if ディレクティブを使用します。

以下を試してみました。

<div v-if="(order.order_products[key].statuses[0].id) != 3 || order.status != 3" >

Vueの複雑な条件を追加できますか？ v-if ? これはうまくいきません。

また && が、それもうまくいかなかった。これについては、ドキュメントには何も書かれていません。

解決方法は？

まず、ご質問にお答えします。

Vueの複雑な条件を追加できますか？ v-if ?

あなた できる に任意の JavaScript 式を渡します。 v-if 演算子を含む複雑なブール式を含む、Vue の || または && .

自分でテストすることができます。例えば、以下のようなテンプレートを持ってみてください。

<div v-if="true && false">I am not visible!</div>

もちろん、もっと些細なことでも試してみてください。

<div v-if="1 == 2 || (1 + 2 == 3 && 4 == 4)">I am visible!</div>

あなたの表現は良いように見えますが、提供された情報に基づいて、具体的に何が問題なのかを推論することは不可能です。

あなたの問題は別のところにあります。データがあなたが思っていたようなフォーマットになっていないか、あなたのロジックに欠陥があるのかもしれません。