vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > element Table表格获取勾选的数据

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

作者:霸气小男

通过实例介绍了如何使用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>

​

总结

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

您可能感兴趣的文章:
阅读全文