vue.js - 如何将 vue @click 事件附加到输入字段旁边的 Font Awesome 图标？

Question

我尝试将 @click 添加到 Font Awesome 图标。但是，无论我将 @click 事件添加到 span 还是 i 标记，它都不起作用。我怀疑该事件是由输入字段采取的。如何使放大镜图标可点击？

<div class="control has-icons-right">
    <input  v-model="keyword" @keyup.enter="findName" class="input is-large" type="text" placeholder="Input 1 word, hit Enter"/>
    <!-- or 2 words separated by space -->                      
      <span class="icon is-right" @click="findName">
        <i class="fa fa-search"></i>
      </span>
</div>

来源: 3sName.com

Answer 1

这是因为，您正在使用 bool 玛 类(class).icon具有以下css。

pointer-events: none;

尝试覆盖它

pointer-events: all;

pointer-events css 将阻止您的元素发出点击事件。
:)