vue.jseventsnuxt.jsclick

Trigger another click event inside nuxt-link

<div>
  <nuxt-link to="/home">
    <h1>Title text</h1>
    <p>Product description</p>
    <p @click.stop="addCart()">Add to cart</p>
  </nuxt-link>
</div>

I'm not able to click my addCart function. If I click it's just redirecting to home page.

Solution

  • This should solve your problem:

    @click.prevent="addCart()"