由于element-vue2?中沒有el-tree-select組件,所以樹形下拉需要結合el-selet完成
<el-form-item label="上級部門:" prop="pidName">
? ? ? ? ? <el-select
? ? ? ? ? ? ref="select"
? ? ? ? ? ? v-model="dialogForm.pidName"
? ? ? ? ? ? placeholder="請選擇上級部門"
? ? ? ? ? ? clearable
? ? ? ? ? >
? ? ? ? ? ? <el-option style="height: auto;" :value="dialogForm.pidName">
? ? ? ? ? ? ? <el-tree
? ? ? ? ? ? ? ? :data="treeData"
? ? ? ? ? ? ? ? :props="defaultProps"
? ? ? ? ? ? ? ? :default-expand-all="true"
? ? ? ? ? ? ? ? @node-click="handleNodeClick"
? ? ? ? ? ? ? >
? ? ? ? ? ? ? </el-tree>
? ? ? ? ? ? </el-option>
? ? ? ? ? </el-select>
? ? ? ? </el-form-item>
treeData: [],
? ? ? defaultProps: {
? ? ? ? children: "children",
? ? ? ? label: "name",
? ? ? },
handleNodeClick(data) {
? ? ? this.dialogForm.pidName = data.name; //點擊渲染到選框里
? ? ? this.departMentPid = data.id;
? ? ? this.$refs.select.blur();
? ? },