本文详细介绍了如何分三步实现地图点位加载与级联菜单数据的交互功能。首先，讲解地图点位的加载及记录每个点的层级信息。接着，阐述级联菜单的构建，包括全选分类的处理、地图视图的更新以及递归函数在设置子菜单中的应用。最后，讨论通过`emits`响应父组件数据变化，确保组件间的同步。
分成三步
第一步
先写地图的点位加载
记录每一个点的下标，层级
第二步
再写级联菜单的数据
1、级联菜单有一个全部的分类，该分类的层级是当前分类的上一层分类，需要保存上一个点击过的元素的id
2、全部分类点击后不更新级联菜单的数据，只更新地图视图
3、级联菜单点击后的层级应自动切换到下一层，而当前选择的元素的遍历应该在当前层
4、封装一个递归函数，递归查询和设置数组里面的children，将点击过的元素的下标记录下来，根据下标去递归调用函数执行相应的操作，此处应该特别注意，因为全部分类也占用一个下标，所以地图的点位下标和级联菜单的下标是差1的
第三步
使用emits去响应父元素的数据，根据响应式数据的原理和watch，在父元素改变时去设置子元素
扫一扫
233
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
