我在多个元素中使用 Vue js 条件语句。
在某些情况下,我需要将 if 和 else 放在同一个元素中以过滤元素。
在这里,我使用多个元素来应用 if 和 else。
<block v-if="nb == 3" align="left"></block>
<block v-if="nb > 3" align="center"></block>
但我想在单个元素中应用这两个元素,例如,
<block v-if="nb == 3" align="left" v-else align="center"></block>
可能吗 ?
或者任何其他解决方案来应用这个?
预先感谢。
原文由 Shankar Thiyagaraajan 发布,翻译遵循 CC BY-SA 4.0 许可协议
不要使用
v-if
,而是尝试将属性绑定到三元表达式。如果这对您来说看起来有点太乱(或者如果您要使用的逻辑太复杂而无法在一行中表达),您还可以尝试在组件中创建一个返回 ---
"left"
或"center"
,然后绑定到那个。