element树形控件编辑节点组装节点

小月鸭

于 2023-10-11 17:29:10 发布

阅读量890

点赞数

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/pyj2017/article/details/133774394

需求功能：

编辑树节点，组装节点

在这里插入图片描述

<el-scrollbar class="scrollbar-wrapper">
          <el-tree :data="nodeList" ref="tree" :props="defaultProps" :expand-on-click-node="false">
            <template slot-scope="{ node, data }">
              <div class="custom-tree-node">
                <template v-if="node.label">
                  <span>{
  {node.label}} <span v-if="node.level==4 && false" style="padding-left:30px">
                      <el-checkbox v-model="data.isCommon" true-label="Y" false-label="N">是否常用分类</el-checkbox>
                    </span>
                  </span>
                  <span style="margin-left:20px">
                    <el-button size="small" type="text" @click.stop="appendNode(node,data)"
                      :disabled='node.level==4'>新增</el-button>
                    <el-button size="small" type="text" @click.stop="e

最低0.47元/天解锁文章