递归实现Tree树

导入文件

一、父组件

要对文档进行遍历树状结构

二、使用步骤

<template>
  <div id="app">
    <!-- 为了保证灵活性,需要将数据的key传入 -->
    <Tree :data="category_jobs" accordion/>
    <!-- childrenKey传入要遍历的键 可修改 默认为children -->
    <Tree :data="list" accordion childrenKey="area" />
  </div>
</template>

<script>
import Tree from "./components/Tree";
import category_jobs from "./list";
import list from './city_code'
export default {
   
  name: "App",
  components: {
   
    Tree,
  },
  data() {
   
    return {
   
      category_jobs : null,
      list
    };
  },
  created(){
   
     category_jobs.forEach(element => {
   
                // 取出元素的parent_id