es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo utilizar Vue v-if para igual o contener.

07 Jun, 2023 Programación

¿Podría alguien por favor mostrarme cómo hacer esto? Tengo una imagen con un atributo ‘alt’ que contiene alt = “”#colorblue” o alt=”#colororange”, llamo a estos datos con Liquid como {{media.alt}}.

Lo que quiero hacer es, si current_variant.alt == {{ media.alt }} devuelve true, y también si current_variant.alt contiene ‘#’ devuelve true también.

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

<p></div>

No sé cómo hacer que current_variant.alt compruebe si {{media.alt}} contiene ‘#’.

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para comprobar si {{ media.alt }} contiene el carácter #, puedes utilizar el método includes() de JavaScript. Puedes modificar el código de la siguiente manera:

    <div v-if="current_variant.alt == '{{ media.alt }}' || '{{ media.alt }}'.includes('#')">
  <!-- Tu código aquí -->
</div>

    Este código devolverá verdadero si current_variant.alt es igual a {{ media.alt }} o si {{ media.alt }} contiene el carácter #. Puedes utilizar esta condición para mostrar el elemento div si devuelve verdadero.

Comments are closed.