为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕斯王 2018-12-20 18:13:38
实现效果:关于如图所示的三层目录筛选,有2个疑问1.数据结构如何?2.如何做到点击每一层之后,右边一列数据跟着相应变化?求思路...
查看完整描述

1 回答

?
慕容708150

TA贡献1831条经验 获得超4个赞

其实这就是一个三级联动啊。
可以利用下面的标准格式,比如点击江西,你就通过code找到江西的json对象,然后遍历 entries数组,点击
了南昌,那你再次通过code循环找到,遍历下级

[

{

   "code": "110101",

   "name" : "江西",

   "entries": [

     {

           "code": "11010101",

           "name":"南昌",

           "entries":[

               {

                   "code": "1101010101",

                   "name":"新建县"

               }

            ]

     } 

    ]

}

]


查看完整回答
反对 回复 2019-01-02
  • 1 回答
  • 0 关注
  • 384 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信