title: How to attach a vue @click event to a font-awesome icon next to input field?
body: <p>I tried to add an @click to a font awesome icon. However, whether I add an @click event to span or i tag, it doesn't work at all. I suspect the event is taken by the input field. How can I make the magnifier icon clickable?</p>
  <pre><code>&lt;div class=&quot;control has-icons-right&quot;&gt;
      &lt;input  v-model=&quot;keyword&quot; @keyup.enter=&quot;findName&quot; class=&quot;input is-large&quot; type=&quot;text&quot; placeholder=&quot;Input 1 word, hit Enter&quot;/&gt;
      &lt;!-- or 2 words separated by space --&gt;                      
        &lt;span class=&quot;icon is-right&quot; @click=&quot;findName&quot;&gt;
          &lt;i class=&quot;fa fa-search&quot;&gt;&lt;/i&gt;
        &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Source: <a href="https://3sname.com/" rel="nofollow noreferrer">3sName.com</a></p>