变相获取伪元素处理业务，实现伪元素的事件触发

需求：单击伪元素+号跳转页面
伪元素顾名思义就是有元素的效果，但是页面中没有结构，不存在我们dom树中，所以无法获取，也就意味着不能进行dom操作。
图例分析：图中大盒子是van-sticky，子元素是van-tab，+号位置是伪元素所占据的区域。
事件冒泡跟时间捕获：
当单击子元素时是由父容器来响应事件，但是归根结底是由子元素做触发，例如单击体育时是由体育块来做事件响应，意味着栏目块是有样式的，这里是指van-tab。
但当点击伪元素所在的位置时，由于伪元素没有结构，所以是父容器van-sticky来响应。
所以可以给van-sticky做一个事件，如果点击时样式是van-sticky说明用户单击的就是伪元素占据的位置，否则就是子元素覆盖的位置。

代码实现示例

document.querySelector(".van-sticky").onclick = (e) => {
      console.log(e);
      if (e.target.className == "van-sticky") {
        this.$router.push({ path: "/cateManager" });
      }
    };

效果

本文地址：https://blog.csdn.net/weixin_47886687/article/details/109393128