h5页面点击范围扩大？

Question

用的是vant的icon,给了一个margin-left

但是我点击元素这里都可以触发事件

看下什么情况？

具体代码

<van-icon
      name="arrow-left"
      class="back"
      size="24px"
      @click.stop="goBack"
    />

Answer 1

很有可能事件并不是绑定在icon节点上，看看上层节点

Answer 2

那说明你绑定的事件对象不是icon啊，是icon的父容器
发一下图片完整的dom结构，类似于下面这种

Answer 3

我这里起了一个demo，发现并不会因为 margin 导致可点击范围变大。

可能需要确认一下你的图标所在功能组件的结构，如果说你是使用的一些类似于 导航栏 组件的 slot 可能会被印象。

Answer 4

你在真机上试试是否也是这样，我之前碰到过时因为浏览器模拟的问题