Vue 移动端三层目录的下拉筛选如何实现？

Question

实现效果：

关于如图所示的三层目录筛选，有2个疑问
1.数据结构如何？
2.如何做到点击每一层之后，右边一列数据跟着相应变化？

求思路...

Answer 1

其实这就是一个三级联动啊。可以利用下面的标准格式，比如点击江西，你就通过code找到江西的json对象，然后遍历 entries数组，点击了南昌，那你再次通过code循环找到，遍历下级[{   "code": "110101",   "name" : "江西",   "entries": [     {           "code": "11010101",           "name":"南昌",           "entries":[               {                   "code": "1101010101",                   "name":"新建县"               }            ]     }     ]}]