更新记录

1.0.2（2024-11-29） 下载此版本

修复array.at不支持的问题

1.0.1（2024-11-29） 下载此版本

标签修改

1.0.0（2024-11-29） 下载此版本

初始

平台兼容性

uni-app

其他

示例代码

<template>
    <syt-tree-table style="width: 100%" :data="treeData">
        <syt-tree-table-column label="分类" prop="cName" :span-data="spanData" width="50px"></syt-tree-table-column>
        <syt-tree-table-column label="名称" prop="name"></syt-tree-table-column>
        <syt-tree-table-column label="操作">
            <template #default="scope">
                <button size="mini" type="warn" @click="handleDelete(scope.row)"> 删除 </button>
            </template>
        </syt-tree-table-column>
    </syt-tree-table>
</template>

<script setup>
    import {
        ref,
        reactive
    } from 'vue';

    const treeData = ref([{
            cId: 2,
            cPid: 1,
            name: 'aa',
            cName: '2'
        },
        {
            cId: 2,
            cPid: 1,
            name: 'bb',
            cName: '2'
        },
        {
            cId: 4,
            cPid: 3,
            name: 'ee',
            cName: '4'
        },
        {
            cId: 5,
            cPid: 3,
            name: 'dd',
            cName: '5'
        }
    ])
    const spanData = reactive({
        id: 'cId',
        pid: 'cPid',
        reference: [{
                cId: 1,
                cPid: 0,
                cName: '1'
            },
            {
                cId: 2,
                cPid: 1,
                cName: '2'
            },
            {
                cId: 3,
                cPid: 1,
                cName: '3'
            },
            {
                cId: 4,
                cPid: 3,
                cName: '4'
            },
            {
                cId: 5,
                cPid: 3,
                cName: '5'
            }
        ]
    })
</script>

<style>

</style>