Lightning Web 组件 IF 指令是否支持多种条件？

Question

大家好，我是 LWC 世界及其语法的新手。我想问一下，LWC是否支持一条语句中的多个条件？

例如：

<template if:true={condition1 == 'value1' && condition2 == 'value2'}></template>

在单行语句中使用多个条件时出现错误。

或应该采用以下方法

html - <template if:true={validateCondition}></template>
class js file - get validateCondition() { return (condition1 == 'value1' && condition2 == 'value2');}

或者必须使用嵌套条件

<template if:true={condition1 == 'value1'}>
  <template if:true={condition2 == 'value2'}>
  </template>
</template>

当前使用上述语句

Answer 1

选项 2。保持 html 清洁。 show/hide 部分页面的决定是您业务逻辑的一部分，应该与其他计算一起保存在 JS 中。这也使它可以测试。我不认为你甚至可以做选项 3，我希望它在编译时失败？

您不能在这些或任何计算中使用公式，只能直接使用属性和吸气剂。 https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reference_directives

迁移指南也可能有帮助：https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.migrate_expressions

这个问题的答案也很酷：https://salesforce.stackexchange.com/q/249293/799

Lightning Web 组件 IF 指令是否支持多种条件？

Does Lightning Web Component IF Directive support multiple conditions?

javascript

salesforce

salesforce-lightning

lwc