element-ui表格回显时默认全选数据

最新推荐文章于 2025-03-26 13:42:19 发布

Akatsuki233

最新推荐文章于 2025-03-26 13:42:19 发布

阅读量1.4k

点赞数 2

分类专栏： element-ui

本文链接：https://blog.youkuaiyun.com/Akatsuki233/article/details/104511439

版权

本文介绍了在使用Element-UI的表格组件时，如何在回显数据时实现默认全选所有行的功能。通过结合HTML和JavaScript代码，详细解析了实现过程，并引用了相关教程进行辅助说明。

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

html部分

              <el-table
                :data="form.roomers"
                style="width: 100%"
                border
                tooltip-effect="dark"
                ref="multipleTable"
                @selection-change="handleSelectionChange">
                <el-table-column
                  type="selection"
                  align="center"
                  width="55">
                </el-table-column>
                <el-table-column
                  v-for="item in tableHeaderList"
                  :key="`table_${item.prop}`"
                  :show-overflow-tooltip="true"
                  :prop="item.prop"
                  :align="item.align"
                  :label="item.label">
                </el-table-column>