前端VUE【实战】—— antd tree树形控件进行增删改查父子节点

<a-row :gutter="24">
<!-- 新增一级目录 -->
      <a-col :md="6" :sm="8" style="display:flex">
        <a-input placeholder="请输入目录名称" v-model="addValue" @change="inChange()" />
        <a-button
          type="primary"
          style="margin-left:20px"
          icon="plus"
          @click="onAdd"
          :disabled="disabled"
        >新增目录</a-button>
      </a-col>
</a-row>

    <a-tree :tree-data="policiesAndRegulationss" :blockNode="true">
      <template slot="custom" slot-scope="item">
        <div class="box">
          <!-- 目录名称 -->
          <span>{{ item.name }}</span>
          <div>
            <!-- 新增二级文件 -->
            <a-icon style="color: red;" type="plus-circle" v-show="item.level==1" />
            <!-- 二级文件增删改 -->
            <a-icon style="color: red;" type="form" v-show="item.level==2" />
            <a-icon style="color: red;margin:0 10px" type="delete" v-show="item.level==2" />
            <a-icon style="color: red;" type="arrow-down" v-show="item.level==2" />
          </div>
        </div>
      </template>
    </a-tree>

data() {
        return {
            policiesAndRegulationss: []
        }
  },
   methods: {
        //列表查询 处理数据格式
        getRecord() {
            postDataToMng(this.url.list, { pageSize: 9999 }).then(res => {
                if (res.errCode == 0) {
                    let data = JSON.parse(res.bizContent)
                    for (let index = 0; index < data.policiesAndRegulationss.length; index++) {
                        data.policiesAndRegulationss[index].scopedSlots = { title: 'custom' } //遍历一级添加插槽
                        //二级菜单名字改为children
                        data.policiesAndRegulationss[index].children = data.policiesAndRegulationss[index].policiesAndRegulationsAOList
                        //删除原 二级菜单
                        delete data.policiesAndRegulationss[index].policiesAndRegulationsAOList

                        for (let i = 0; i < data.policiesAndRegulationss[index].children.length; i++) {
                            data.policiesAndRegulationss[index].children[i].scopedSlots = { title: 'custom' } //遍历二级添加插槽
                        }
                    }
                    this.policiesAndRegulationss = data.policiesAndRegulationss
                    console.log(this.policiesAndRegulationss);
                } else {
                    this.$message.error(res.errMsg)
                }
            })
        }
    }

 slot="custom"
 ----------------
 scopedSlots:{
	title:'custom'
 }

policiesAndRegulationss : [
      {
        title: '0-0-0',
        key: '0-0-0',
        scopedSlots:{
			title:'custom'
		}
        children: [
          { 
          title: '0-0-0-0', 
          key: '0-0-0-0',
          scopedSlots:{
			title:'custom'
		  } 
		 },
        ],
      },
      {
        title: '0-0-1',
        key: '0-0-1',
        scopedSlots:{
			title:'custom'
		}
        children: [
          { 
          title: '0-0-1-0', 
          key: '0-0-1-0',
          scopedSlots:{
			title:'custom'
		  } 
		 },
        ],
      },
],