将el-tree v-for后 怎么分别设置选中节点

在Vue.js中，`el-tree`组件通常用于渲染树形结构的数据，如果你想通过`v-for`循环来遍历并分别设置选中的节点，你可以这样做：

首先，假设你有一个包含父节点id的数据数组，比如`selectedNodes`，并且每个节点都有一个`id`属性，你可以这样操作：

<template>
  <el-tree
    :data="treeData"
    :default-checked-keys="selectedNodes" <!-- 这里将已选中的节点ids绑定到这个属性 -->
    @check-change="handleCheckChange"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [], // 树形数据
      selectedNodes: [] // 初始化选中节点的id列表
      // ...其他数据
    };
  },
  methods: {
    handleCheckChange(node) { // 当节点选中状态改变时触发
      if (node.checked) { // 如果节点被选中
        this.selectedNodes.push(node.id); // 添加到已选中节点列表
      } else {
        const index = this.selectedNodes.indexOf(node.id);
        if (index !== -1) { // 如果该id在列表中
          this.selectedNodes.splice(index, 1); // 移除
        }
      }
    }
  }
};
</script>

在这个例子中，当用户点击节点时，`handleCheckChange`方法会被调用，并更新`selectedNodes`列表。记得先在数据初始化时设置好`selectedNodes`，或者根据实际需求动态填充。