如何Vue v-if等于或包含答案

【问题标题】：How to Vue v-if equal or contains如何Vue v-if等于或包含
【发布时间】：2021-11-27 05:35:36
【问题描述】：

谁能告诉我如何做到这一点，我有一个 alt 的图像，而不是包含 alt="#color_blue" 或 alt="#color_orange"，我用 Liquid 将此数据称为 {{ media.alt }}

我想做的是，如果 'current_variant.alt' == {{ media.alt }} 返回 true，并且如果 'current_variant.alt' 包含 '#' 也返回 true。

<div v-if="current_variant.alt == '{{ media.alt }}' && current_variant.alt == '#'">

</div>

我不知道如何让 current_variant.alt 检查 {{ media.alt }} 是否包含 #

【问题讨论】：

【解决方案1】：

您可以使用string.includes 方法来检查字符串是否包含特定字符。

如果你想检查current_variant.alt是否等于media.alt：

current_variant.alt == '{{ media.alt }}'

如果你想检查current_variant.alt是否包含'#'：

current_variant.alt.includes('#')

如果你想检查media.alt是否包含'#'：

'{{ media.alt }}'.includes('#')

【讨论】：

String.prototype.contains 已被 String.prototype.includes 弃用。您在第一句中推荐了includes，但在最后使用了contains。

【解决方案2】：

要检查 current_variant.alt 是否包含 #，请使用 Javascript "includes" => current_variant.alt.includes('#')

<div v-if="current_variant.alt == media.alt && current_variant.alt.includes('#')">    
</div>

【讨论】：