javascript - How to Vue v-if equal or contains - Stack Overflow

admin管理员组

文章数量:1405603

Can anyone please show me how to do this, I have a image with alt than contains alt="#color_blue" or alt="#color_orange", I call this data with Liquid as {{ media.alt }}

that I want to do is if the 'current_variant.alt' == {{ media.alt }} return true and also if the 'current_variant.alt' contain '#' return too true as well.

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

</div>

I don't know how to let current_variant.alt check if the {{ media.alt }} contains #

Can anyone please show me how to do this, I have a image with alt than contains alt="#color_blue" or alt="#color_orange", I call this data with Liquid as {{ media.alt }}

that I want to do is if the 'current_variant.alt' == {{ media.alt }} return true and also if the 'current_variant.alt' contain '#' return too true as well.

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

</div>

I don't know how to let current_variant.alt check if the {{ media.alt }} contains #

• javascript
• vue.js
• liquid

Share Improve this question Follow asked Nov 27, 2021 at 5:35 ElkaziElkazi 17711 silver badge99 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

You can use the string.includes method to check if a string contains a particular character.

---

If you want to check if current_variant.alt equals media.alt:

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

---

If you want to check if current_variant.alt contains '#':

current_variant.alt.includes('#')

---

If you want to check if media.alt contains '#':

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

To check if current_variant.alt contain #, use Javascript "includes" => current_variant.alt.includes('#')

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

本文标签： javascriptHow to Vue vif equal or containsStack Overflow