【vue2+elementUI】el-table实现跨页勾选。

最新推荐文章于 2024-05-17 15:58:27 发布

宋糍－

最新推荐文章于 2024-05-17 15:58:27 发布

阅读量467

点赞数 8

分类专栏： vue 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/qq_44804622/article/details/136660012

版权

vue 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

文章介绍了如何在Vue的ElementUI组件El-Table中使用row-key属性并配合selection类型，设置reserve-selection:true以实现行的多选功能并保持选择状态。

摘要由CSDN通过智能技术生成

el-table添加row-key，type="selection"添加:reserve-selection="true"即可。

          <el-table :data="list" row-key="id">
            <el-table-column
                type="selection"
                width="55"
                align="center" 
                :reserve-selection="true"/>
            <el-table-column
                align="center"
                type="index"
                label="序号"
                width="50px"
            ></el-table-column>
            <el-table-column
                label="ID"
                align="center"
                prop="id"
                :show-overflow-tooltip="true"
                min-width="80"
            >
            </el-table-column>
        </el-table>