el-tree第二级第一次复选框选中都添加节点右边的tag

在Element UI的el-tree组件中，如果你想在用户选择第二级的某个节点时，为其添加自定义标签（tag），你可以通过`props`属性来实现这个功能。首先，在树节点的数据结构中，为每个节点增加一个`tag`字段用于存储自定义标签。然后，设置`default-checked-keys`属性来控制默认展开哪些层级，并监听`check`事件，当用户选中二级节点时触发。

以下是实现步骤：

1. 数据准备：

{
  "data": [
    {
      "label": "一级",
      "children": [
        {
          "label": "二级",
          "children": [
            {"label": "三级", "tag": "自定义标签1"},
            {"label": "四级", "tag": "自定义标签2"}
          ],
          "defaultChecked": true // 这里设定默认选中状态
        },
        //...
      ]
    }
  ]
}

2. 组件配置：

<el-tree :data="treeData" :default-checked-keys="selectedKeys"
         @check="handleCheck">
   <span slot-scope="{ node }">
     <!-- 标签显示 -->
     <div v-if="node.children && node.children.length > 0">
       <el-checkbox v-model="node.checked"> {{ node.label }}</el-checkbox>
       <!-- 添加自定义标签 -->
       <span> ({{ node.tag }})</span>
     </div>
     <!-- ...其他节点元素... -->
</el-tree>

<script>
export default {
  data() {
    return {
      treeData,
      selectedKeys: ['对应第二级节点的key'] // 初始化选中的第二级节点
    };
  },
  methods: {
    handleCheck(node) {
      if (node.level === 2) { // 检查是否为第二级
        // 执行添加标签的操作或其他业务处理
        console.log(`当前选中的节点 ${node.label} 的tag是：${node.tag}`);
      }
    }
  }
};
</script>