vue.js - v-if 中的复杂条件

Question

我想创建一个复杂的条件以传递给 v-if 指令。

我尝试了以下方法。

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

我可以在 Vue 的 v-if 中添加一个复杂的条件吗？这是行不通的。

我也尝试过 && 但那也不起作用。我没有在文档中找到任何关于此的内容。

Answer 1

首先回答你的问题。

Can I add a complex condition in Vue's v-if?

您可以将任意 JavaScript 表达式传递给 Vue 中的 v-if 指令，包括包含运算符 || 的复杂 bool 表达式或&&。

您可以自行测试。例如，尝试使用以下模板。

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

当然，您也可以尝试一些不那么琐碎的事情:

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

---

你的表情看起来不错，但根据提供的信息无法推断出到底哪里出了问题。

您的问题是另外一回事:也许数据不是您认为的格式，或者您的逻辑可能存在缺陷。