猿问

vue如何实现多级联动且多选!且带滑动回弹和惯性滑动!

问题描述

公司有个需求,两级地址联动可多选和三级分类联动可多选,网上找了很多插件并没有满意的,better-scroll可以解决滑动回弹和惯性滑动,请问如何解决多级联动和多选问题!

以下是UI图

浮云间
浏览 1258回答 2
2回答

慕粉3756458

请问这个需求你解决了吗?我现在也有一个类似的需求

LEATH

思路不难记住一个嵌套对象,看你的描述应该是3层[     {        name: '1',        checked: true,        children: [             {                name: '1-1',                checked: true,                children: {                    name: '1-1-1',                    checked: true                 }             }         ]     }]你要做的事情就是点击某一级显示这一级下面的children,然后把children里面checked为true的标绿,每个选中/取消选中只要把当前这个child的checked变掉,并且更新父组件选中的数量即可至于动画就简单实用css3 transition就可以了。把隐藏显示改成left的变化或者宽度的变化
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答