vue后端返回parentId，前端处理成children嵌套数据

被虫咬的老韭菜

已于 2023-03-08 15:52:02 修改

阅读量557

点赞数

文章标签：前端 vue.js javascript elementui 逻辑回归

于 2023-03-08 15:45:48 首次发布

本文链接：https://blog.csdn.net/weixin_48004568/article/details/129404938

版权

<template>
  <div>
    <el-tree
        :data="data"
        show-checkbox
        node-key="id"
        :default-expanded-keys="[2, 3]"
        :default-checked-keys="[5]"
        :props="defaultProps">
    </el-tree>
  </div>
</template>

  data() {
    return {
      data: [],
      defaultProps: {
        children: 'children',
        label: 'name'
      }
    };
  }

  methods:{
    getDatas(){
      let data = [
        {"id": 30035, "name": "分类1"},
        {"id": 30036, "name": "分类2"},
        {"id": 30037, "name": "分类3"},
        {"id": 30040, "name": "分类1-1", "parentId": 30035},
        {"id": 30041, "name": &#