5

Uso la directiva v-for para iterar los elementos de un array de objetos y los imprimo en una lista. Como puedo pasar un atributo al href que sea un texto fijo mas el id del elemento de la lista

          <li v-for="(item, index) in searchProduct" :key="index">
        <div class="image">
          <img src="frontoffice/images/product/other/s05.jpg" alt>
        </div>
        <div class="info-product">
          <div class="name">
            <a :href="products/item.id" title="">{{item.name}}</a>
          </div>
          <div class="price">
            <span class="sale">$50.00</span>
            <span class="regular">$2,999.00</span>
          </div>
        </div>
      </li>

1 respuesta 1

5

Ya probaste de esta manera?

<li v-for="(item, index) in searchProduct" :key="index">
    <div class="image">
      <img src="frontoffice/images/product/other/s05.jpg" alt>
    </div>
    <div class="info-product">
      <div class="name">
        <a v-bind:href="'products/' + item.id" title="">{{item.name}}</a>
      </div>
      <div class="price">
        <span class="sale">$50.00</span>
        <span class="regular">$2,999.00</span>
      </div>
    </div>
  </li>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.