1、三级分类删除的页面效果
前端代码的调整参考:https://element.eleme.cn/#/zh-CN/component/tree
调整后的代码如下:
<template>
<!--
1、:expand-on-click-node="false"只有点箭头图标的时候才会展开或者收缩节点。
2、show-checkbox节点是否可被选择,展示复选框
3、node-key="catId"每个树节点用来作为唯一标识的属性,整棵树应该是唯一的。在这里每一个节点都有一个catId这是唯一的,所以用其做为唯一标识。
-->
<el-tree
:data="menus"
:props="defaultProps"
:expand-on-click-node="false"
show-checkbox
node-key="catId"
>
<!--传了两个参数node和data,node代表当前节点,data代表这个节点的真正数据 -->
<span class="custom-tree-node" slot-scope="{ node, data }">
<!--显示节点的名字,label和name是绑定的 -->
<span>{
{ node.label }}</span>