vue三级联动

1. 1. 1. <route-link to=””>标签代替a 标签, 属性to=”/search” 表示跳转至 /search

注意：route-link组件不适宜用于二三级分类等需要创建大量组件的情况，影响性能

　　2.this.$router.push("/search") 

在a标签中设置点击事件，定义点击事件为跳转至/search

　　3.事件委派＋编程式导航

在二三级分类的上级div中设置点击事件，定义点击事件为跳转至/search :

this.$router.push("/search") 

　　4.事件委派方式实现传参

在a标签添加自定义属性 :data-categoryname  :data-category1id 在点击事件中通过：

event.target.dataset 获取节点的自定义属性和属性值。

问题：dataset 获取的属性为undefined

　　　　解决方案：将自定义属性:data-categoryName 

　　　　改为  

　　　　:data-categoryname 

　　　　注意自定义属性要全小写，属性按驼峰命名

　　　　上面的都不对，实际原因是自定义属性的categoryName  写成了catagoryName

　　草，单词拼写错了没看出来，算是记录了一次粗心导致的问题。

标签：search,vue,自定义,点击,事件,联动,data,三级,属性
来源： https://www.cnblogs.com/Pray386/p/16657486.html