使用element Table表格获取勾选的数据

更新时间：2025年12月03日 09:38:21 作者：霸气小男

通过实例介绍了如何使用elementTable表格组件获取勾选的数据,总结个人经验,旨在为读者提供参考和学习资源

element Table表格获取勾选的数据

看实例吧

<template>
    <div>
        <el-table ref="elTable" :data="tableData" border default-expand-all @selection-change="handleSelectionChange">
          <el-table-column type="selection" width="55"></el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    data () {
        return {
            targetSelectArr:[]  
        }
    },
    methods:{
        handleSelectionChange (selectionArr) {
            let _targetArr = []
            // 遍历已选择数据id
            selectionArr.map((item) => {
                _targetArr.push(item.id)
            })
            this.targetSelectArr = _targetArr
        }
    }
}
</script>

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

JavaScript 沙箱探索
这篇文章主要介绍了JavaScript 沙箱探索，沙箱是基于 event bus 形式的通信实现上层的功能，文章的例子选择接口实现了 web worker 与 quickjs 的 EventEmitter，,需要的朋友可以参考一下
2021-10-10
使用Vue3实现羊了个羊的算法
这篇文章主要介绍了使用Vue3实现羊了个羊的算法,初始化的随机位置算法，通过实例代码介绍了计算偏移量的方法，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-09-09
Vue3中watch的使用详解
这篇文章主要介绍了Vue3中watch的详解,主要包括Vue2使用watch及Vue3使用watch的方法，通过多种情况实例代码相结合给大家详细讲解，需要的朋友可以参考下
2022-11-11
vue3 父子组件传值详解
这篇文章主要为大家介绍了vue的父子组件传值，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-11-11
vue项目中自定义video视频控制条的实现代码
这篇文章主要介绍了vue项目中自定义video视频控制条的实现代码，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-04-04
在Vue中使用HOC模式的实现
这篇文章主要介绍了在Vue中使用HOC模式的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
Vue路由组件传递参数的六种场景
在Vue应用程序中,路由组件是构建单页应用的关键部分,传递参数给路由组件可以让我们动态地展示内容,处理用户输入,以及实现各种交互功能,本文就给大家介绍了六种Vue路由组件传递参数场景,需要的朋友可以参考下
2023-09-09
Vue 打包后相对路径的引用问题
这篇文章主要介绍了VUE 打包后相对路径的引用问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-06-06
vue2 使用echarts实现地图点击进入下一层级+点击空白处回退功能
这篇文章主要介绍了vue2 使用echarts实现地图点击进入下一层级+点击空白处回退,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
2024-05-05
Vue实现Chrome小恐龙游戏的示例代码
Google 给 Chrome 浏览器加了一个有趣的彩蛋，本文就详细的介绍一下Vue实现Chrome小恐龙游戏的示例代码，具有一定的参考价值，感兴趣的可以了解一下
2022-04-04