element 树形控件的增、删、改

效果图

 

采用独立加载js 形式，没有写成独立组件

html 代码

<!-- elementUI 样式文件 官网下载 -->
<link rel="stylesheet" href="./lib/element-ui/index.css">
<!-- 改写的样式文件 -->
<link rel="stylesheet" type="text/css" href="css/default/el-common.css"/>
<!-- vue js文件 官网下载 -->
<script src="./js/default/vue.min.js"></script>
<!-- elementUI js文件 官网下载 -->
<script src="./lib/element-ui/index.js"></script>
<div class="treelistCont">
<div id="appTree">
	<el-tree class="filter-tree" :data="treeList" :props="defaultProps" default-expand-all highlight-current
	 :expand-on-click-node="showTree" @node-click="handleNodeClick" :filter-node-method="filterNode" ref="tree">
		<template slot-scope="{ node, data }">
			<div class="flex-row treeSortList">
				<el-input v-model="data.label" placeholder="请输入内容" v-if="showEdit[data.id]" size="mini"></el-input>
				&