11.后端返回 对象数据类型 如何 多层级列表渲染--索引

66 阅读1分钟

今天要做一个三级数据渲染

image.png

难点共有三个

  • 使用对象 来 v-for 渲染
    • 没有数组方法便捷
    • 层次多起来,渲染难以维护(代码量太大,状态信息太杂)
  • 多层嵌套,还需做默认选中项 实现困难
    • 默认选中:当切换一级饮品,二级要选中矿泉水,(主要是显示图表数据)
    • image.png
    • 我遇到的问题就是带你干果,它显示的还是矿泉水的数据,只有再点一下才能完成切换
    • image.png
  • 渲染到最后一层 如何渲染 Chart 图表
    • 我的思路是 根据两个父子标签 在总数据里获取对应数据的配置项。

具体的明天再说,昨天熬了大夜,明天也上班,晚安