Element UI el-tree 默认选中节点：根据数组设置 default-checked-keys

你可以通过设置 el-tree 的 default-checked-keys 属性为 treeList 数组来实现默认选中勾选的节点。

修改代码如下：

<el-tree :data="treeData" show-checkbox default-expand-all :default-checked-keys="treeList" node-key="resId" highlight-current :props="defaultProps" @node-click="handleClick" />

这样，在页面加载完成后，el-tree 将会默认勾选 treeList 数组中的节点。

以下是一些示例代码，展示如何获取 treeList 数组并将其应用于 default-checked-keys 属性：

// 获取数据
getMenuString({ roleId })
    .then((data: any) => {
        // 处理数据
        const dataArray = data.map(value => `resId:${value}`);
        // 将数据转换为所需的格式
        const treeList = {};
        dataArray.forEach((item, index) => {
            treeList[index] = item.split(':')[1];
        });
        // 设置默认选中节点
        this.treeList = treeList;
    })
    .finally(() => {
        loading.value = false;
    });

以上代码将 getMenuString 返回的结果处理成一个名为 treeList 的数组，并将其赋值给 default-checked-keys 属性。

需要注意的是，treeList 数组的格式需要与 el-tree 的 node-key 属性相匹配，在本例中，node-key 属性为 resId，所以 treeList 数组中应该包含 resId 的值。