title: How to isolate click event handler between parent and child elements in vuejs
body: <p>I'm trying to convert semantic-ui component to rely on vuejs instead of jQuery, but I don't know how to isolate v-on:click between child and it's parent element.</p>
  
  <p>In this example below, I'm using v-on:click with a button which will show dropdown menu using a toggle function and there's another v-on:click assigned to delete icon, which will trigger another function.</p>
  
  <p>The problem is, while I'm clicking on the delete icon, the dropdown menu will show-up. </p>
  
  <p>How can I prevent this from happening?</p>
  
  <pre><code>`https://jsbin.com/minezij`
  </code></pre>