title: Nuxt/Vue: Click on parent ignored if click on nested nuxt-link
body: <p>I have the following problem with nuxt, vue and vuex store:</p>
  
  <p>I have a special mobile layout with two columns, which switch on click:
  <a href="https://streamable.com/fqm8a" rel="nofollow noreferrer">https://streamable.com/fqm8a</a></p>
  
  <p>As you can see a click on the left column reveals it and and a click on the right one reveals the calendar.</p>
  
  <p>What I want to improve now: If I click on the teaser in the calendar, I want to automatically slide the post into the view.</p>
  
  <p>So far I have this code on the wrapping columns:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class="CalendarView"&gt;
      &lt;div v-on:click="detailViewActive ? toggleDetailView() : null" id="CalendarView" :class="['CalendarView__column', 'CalendarView__column--calendar', detailViewActive ? 'detail-view-active' : '']"&gt;
        &lt;div class="CalendarView__column-wrapper"&gt;
          &lt;slot name="column-left"&gt;&lt;/slot&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div v-on:click="!detailViewActive ? toggleDetailView() : null" :class="['CalendarView__column', 'CalendarView__column--postdetail', detailViewActive ? 'detail-view-active' : '']"&gt;
        &lt;slot name="column-right"&gt;&lt;/slot&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Wrapped up: the click sets <code>detailViewActive</code>, which is a Boolean in the vuex store. And this changes the classes on the columns, which will activate css transitions.</p>
  
  <p>No I thought I open up the calendar-entry component and I would set another click on the nuxt link:</p>
  
  <pre><code>&lt;nuxt-link class="PostTeaser__link" :to="link" v-on:click.native="!detailViewActive ? openDetailView() : null"&gt;
    tags, date and title
  &lt;/nuxt-link&gt;
  </code></pre>
  
  <p>and the method:</p>
  
  <pre><code>openDetailView () {
    this.log('open detail')
    this.$store.commit('ui/OPEN_DETAILVIEW')
  }
  </code></pre>
  
  <p>This again would change the <code>detailViewActive</code> Boolean in the vuex store to true.</p>
  
  <p><strong>So far so good: But now to the problem:</strong>
  As soon as I click on the nuxt-link which triggers the <code>openDetailView</code> method, the click on the column is triggered as well and
  It immediately resets the <code>detailViewActive</code>.
  (Open > Close) with one click.</p>
  
  <p>So </p>
  
  <p>Does someone have any clue how I could solve this?</p>
  
  <p>thanks for any hint.
  Cheers</p>