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

Question

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

Answer 1

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

Answer 2

思路不难

记住一个嵌套对象，看你的描述应该是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的变化或者宽度的变化