强制单击以分配给父元素

Question

下面的元素（+）正在劫持虚线div click事件处理程序。点击后，它会触发div的事件处理程序，不会传递div的属性。

我想将div中的所有点击分配给div。

使用Vue.js

<div
  @click.stop.prevent="edit_object"
  :objectId="n"
  class="add-object-button">
  <span class="icon is-large">
    <i class="fa fa-plus"></i>
  </span>
</div>

我尝试摆弄z-index es，并使用一些内置的事件修饰符，例如阻止传播，没有运气。

知道怎么做吗？