在vue框架中 el-tree初始渲染时复选框默认全选状态

在 Vue 框架中使用 el-tree 时，可以在数据源的每个节点对象中添加一个 "checked" 属性，用来控制复选框的选中状态。如果要让 el-tree 在初始渲染时，所有复选框都处于默认全选状态，可以在数据源的所有节点对象中都添加 "checked: true"。

例如：

data() {
  return {
    treeData: [
      {
        id: 1,
        label: '一级 1',
        children: [
          {
            id: 4,
            label: '二级 1-1',
            checked: true
          },
          {
            id: 5,
            label: '二级 1-2',
            checked: true
          }
        ]
      },
      {
        id: 2,
        label: '一级 2',
        checked: true,
        children: [
          {
            id: 6,
            label: '二级 2-1',
            checked: true
          },
          {
            id: 7,
            label: '二级 2-2',
            checked: true
          }
        ]
      },
      {
        id: 3,
        label: '一级 3',
        checked: true
      }
    ]
  }
}

在模板中，可以这样使用 el-tree：

<template>
  <el-tree :data="treeData" show-checkbox></el-tree>
</template>

这样，在 el-tree 初始渲染时，所有的复选框都将被默认选中。

注意：如果数据源中的节点对象没有添加 "checked" 属性，则复选框将处于默认未选中状态。