// dom里面
<el-scrollbar style="height:170px;">
<div>
<el-table ref="choosePeopleTable" :data="choosePeopleData" @selection-change="handleSelectionChange2" height="370px" border style="width:100%">
<el-table-column type="selection" width="55px" />
<el-table-column prop="username" label="姓名" />
</el-table>
</div>
</el-scrollbar>
// data里面
data() {
return {
peopleData:null,
choosePeopleData:null,
peopleDataAmount:null,
}
},
// methods里面
// 点击Del方法对应的按钮,在choosePeopleData中删除选中条目
Del() {
var that = this
// 如果选中数据存在
var val = this.choosePeopleDataAmount
if(val) {
// 将选中数据遍历
val.forEach(function (item, index){
vue 纯前端删除表格内容功能
最新推荐文章于 2024-08-08 22:30:15 发布
本文介绍了如何在Vue.js应用程序中实现纯前端的表格数据删除功能。通过监听用户操作,结合Vuex进行状态管理,确保数据的一致性。同时讨论了删除确认提示,以及刷新页面后删除状态的保持策略。
摘要由CSDN通过智能技术生成