Tree 樹形控件 el-tree獲取節點

<div class="Flex inputbox">
    <label for class="post Flex">
      <span style="line-height:.4rem;">崗位編號：</span>
      <el-input v-model="jobsNumbers" :disabled="true"></el-input>
    </label>
    <label for class="Flex post">
      <span style="line-height:.4rem;">崗位名稱：</span>
      <el-input placeholder="請輸入崗位名稱" v-model="jobTitle" clearable class="post"></el-input>
    </label>
    </div>
    <div class="Flex text inputbox" style="text-align:top;">
    <label for class="post Flex">
      <p class="responsibility" style>崗位職責：</p>
      <el-input
        type="textarea"
        placeholder="請輸入崗位職責"
        cols="100"
        rows="3"
        v-model="jobResponsibilities"
      ></el-input>
    </label>
</div>
<!-- 節點樹 -->
<el-tree
  :data="positionData"
  :props="defaultProps"
  ref="tree"
  accordion
  @node-click="submitForm"
  style="overflow-x: auto;overflow-y: auto;"
></el-tree>
複製代碼

tree數據

data(){
    return{
        positionData: [
            {
                id: "1",
                label: "系統管理員",
                addAble: false,
                delAble: false
            },
            {
              id: 2,
              label: "董事長",
              addAble: false,
              delAble: false,
              children: [
                {
                    id: "2-1",
                    label: "職能部門",
                    addAble: false,
                    delAble: false,
                    children: [
                        {
                          id: "2-2",
                          label: "3-1",
                          addAble: false,
                          delAble: false
                        }
                    ]
                }
              ]
            },
            {
                id: 3,
                label: "生產經營部",
                addAble: false,
                delAble: false,
                children: [
                    {
                      id: "3-1",
                      label: "彩塗車間主管",
                      addAble: false,
                      delAble: false
                    }
                ]
            }
        ],
    }
}
複製代碼

input獲取數據

methods:{
    submitForm: function(data, node, attr) {
        let jobsNumbers = true;
        let jobTitle = true;
        this.jobTitle = data.label;
        this.jobsNumbers = data.id;
    },
}
複製代碼