Element UI中获取table的selection选中的数据
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
VUE中获取table的selection选中的数据
table绑定一列type为selection,绑定table中的@selection-change=“selectionLineChangeHandle”,每次点击触发事件,赋值给数组,最后提交时候遍历获取需要的值
table绑定@selection-change事件
<el-table
:data="dataonLineList"
border
@selection-change="selectionLineChangeHandle"
style="width: 100%;">
table中定义一列type为selection
<el-table-column
type="selection"
width="55">
</el-table-column>
return中定义数组
dataonLineListSelections: [],
methods中添加事件
selectionLineChangeHandle (val) {
this.dataonLineListSelections = val
},
提交时遍历列表,获取对应的数据id是你表格里面绑定的列
//提交
fromCommit () {
console.log(this.dataonLineListSelections);
for(var i = 0; i< this.dataonLineListSelections.length; i++){
console.log('id:'+this.dataonLineListSelections[i].id)
}
}
效果如图
要是给各位小伙伴有帮助麻烦点个赞,有问题评论区问我
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
8 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 8 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)