vue3+ts+elementui-plus二次封装树形表格

suoh's Blog

已于 2023-07-27 17:18:21 修改

阅读量1.8k

点赞数

分类专栏： ❤️❤️--vue3核心技术栈文章标签： vue.js 前端 elementui-plus vue3中树形表格二次封装

于 2023-07-25 14:52:01 首次发布

本文链接：https://blog.youkuaiyun.com/qq_41579104/article/details/131917667

版权

❤️❤️--vue3核心技术栈专栏收录该内容

26 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Vue3项目中结合TypeScript和ElementUI-Plus进行树形表格的二次封装。通过定义table组件、在父组件中正确使用及运行验证，实现高效复用的树形表格组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

复制粘贴即可：

一、定义table组件

<template>
	<div class='main'>
		<div>
			<el-table ref="multipleTableRef" :height="height" :default-expand-all="isExpend" :data="treeTableData"
				style="width: 100%; margin-bottom: 20px" row-key="id" border>
				<el-table-column :width="item.width" :fixed="item.fixed" show-overflow-tooltip align="center"
					v-for="(item, i) in treeTableProps" :key="i" :label="item.label">
					<template #default="scope">
						<!-- 自定义插槽展示

了解本专栏