2

我试图将@click 添加到一个很棒的字体图标。但是，无论我将@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

4

3 回答 3

3

这是因为，您正在使用具有以下 css 的bulma类。.icon

pointer-events: none;

尝试用

pointer-events: all;

pointer-eventscss 将阻止您的元素发出点击事件。

:)

于 2020-07-08T11:00:25.723 回答
0

使用 abutton / anchor 'a' 代替span包装 fa-icon 以及@click方法？跨度也不是点击事件的好习惯。

于 2020-07-08T09:55:16.927 回答
0

你试过@click.prevent="findName"修饰符吗？

于 2020-07-08T10:39:16.273 回答