樹形控件，原有的形式也許不能滿足用戶需求，需要自定義

 <el-tree :data="title" node-key="id" default-expand-all :expand-on-click-node="false" :props="defaultProps2">
                        <span class="custom-tree-node" slot-scope="{ node, data }">
                            <span>{{ node.label }}</span>
                            <span>
                                <el-button type="text" size="mini" @click="addNodeRight(data)" v-show="data.type == 1" style="padding:0">
                                [添加子節(jié)點]
                                </el-button>
                                <el-button type="text" size="mini" @click="editNode(node, data)" style="padding:0">
                                [編輯節(jié)點]
                                </el-button>
                                <el-button type="text" size="mini" @click="remove(data)" style="padding:0">
                                [刪除節(jié)點]
                                </el-button>
                           </span>
                        </span>
                    </el-tree>

上面代碼可以實現(xiàn)出下圖效果

1534323430(1).png