vue+Element实现tree树形数据展示(将数据封装成树形数据)

element组件官网:https://element.eleme.cn/#/zh-CN/component/cascader

html:

<div class="block">
      <span class="demonstration">单选选择任意一级选项</span>
      <el-cascader
        :options="orgTree"
        :props="{ checkStrictly: true }"
        @change="handleChange"
        clearable></el-cascader>
 </div>

数据:

data () {
   
    return {
   
      orgs:[{
   value:"000/000",label:"朝阳区"},
        {
   value:"000/000/000",label:"中山小学"},
        {
   value:"000/000/000/000",label:"六年级"}
      ],
      orgTree:[]
	}
}

js:

getListData() {
   
      let dataArray = [];
      this.orgs.forEach(function (data) {
   
          let parentId;
          let index = data.value.lastIndexOf('/');
          parentId = index >= 0 ? data.value.substr(0, index)  : 0;
          if (parentId == 0) {
   
            let objTemp = {
   
              value: data.value,
              label: data.label,
              parentId