vue3+element plus下面,自定义el-table表格标题
参考了网络上很多资料,照着写,都不行,后来自己琢磨了一会儿出来了,代码如下:<el-table-column label="权限列表" scoped-slot><template #header><span>{{ "权限列表" }}</span><el-divider direction="vertical"></el-divide
·
参考了网络上很多资料,照着写,都不行,后来自己琢磨了一会儿出来了,代码如下:
<el-table-column label="权限列表" scoped-slot>
<template #header>
<span>{{ "权限列表" }}</span>
<el-divider direction="vertical"></el-divider>
<el-radio v-model="radioSelect" label="1" @change="radioChange"
>全选</el-radio
>
<el-radio v-model="radioSelect" label="2" @change="radioChange"
>全不选</el-radio
>
</template>
<template #default="{ row }">
<el-checkbox
v-for="item in row.func_list"
:key="item.id"
v-model="item.checked"
>{{ item.func_nice_name }}</el-checkbox
>
</template>
</el-table-column>
效果如下:
更多推荐
已为社区贡献1条内容
所有评论(0)