打开“src/components/TypeNav/index.vue”,给a标签的父级标签添加按钮点击事件(减少)
给a标签添加自定义属性,用于区别其它子节点(注意:只有加上“data-”才表示自定义属性)
定义goSearch方法,首先获取到触发事件的节点
此时点击后打印信息如下:
我们可以通过dataset属性,可以获取节点的自定义属性与属性值
打印信息如下:
只有当categoryname不是undefine的时候会打印信息
接下来为了区分是几级a标签,给不同层级的a标签分别加上“category1Id”、“category2Id”和“category3Id”自定义属性
携参数跳转路由:
打印一下location