elementui的tree树形懒加载删除了子节点该怎么隐藏下拉箭头?

比如默认节点没有节点,前端增加了一个节点,此节点下又新增了一个子节点,然后删除的话拿到的node里面的parent是null,因为没有重新刷后台默认接口吗,不刷新可以吗,一刷新树形图某些展开关闭的状态会重新加载变化了,我是想前端删除了然后掉下删除的接口不重新加载所有的该怎么实现箭头这的隐藏呢

<el-card style="border-radius: 6px;">
      <div style="font-weight: 500;font-size: 20px;color: #1B1B1B; margin-bottom:30px">菜单管理</div>
      <div class="box">
        <div class="leftBox">
          <el-tree ref="myTree" 
            :props="props" 
            :load="loadNode" 
            @node-click="handleLeftclick"
            @node-contextmenu="rightClick"
            lazy 
            node-key="id"
          >
          </el-tree>
          <el-card class="box-card" ref="card" v-show="menuVisible">
            <div class="li_sp" @click="addSameLevelNode()" >
              <i class="el-icon el-icon-edit"></i>&nbsp;&nbsp;同级增加
            </div>
            <div class="li_sp add" @click="addChildNode()">
              <i class="el-icon el-icon-circle-plus-outline"></i>&nbsp;&nbsp;子级增加
            </div>
            <div class="li_sp delete" @click="deleteNode()">
              <i class="el-icon-remove-outline"></i>&nbsp;&nbsp;删除节点
            </div>
            <div class="li_sp edit" @click="editNode()">
              <i class="el-icon-edit"></i>&nbsp;&nbsp;修改节点
            </div>
        </el-card>
        </div>
      </div>
    </el-card>


    ...
    // 删除节点
    deleteNode() {
      this.$refs.myTree.remove(this.currentNode)
    },

image.png

阅读 3.5k
3 个回答

给删除子节点的节点添加 isLeaf 属性就可以了。

defaultProps: {                
    label: 'name',
    children: 'children',              
    disabled: 'choiceStatus',
    isLeaf: 'hasChildren' //判断是否有字节点,没有就不会显示小三角
},

图片.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题