vue操作表格每行数据
<template>
<el-table :data="tableData" stripe border style="width:100%" highlight-current-row>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="phone" label="手机号" align="center" min-width="120"></el-table-column>
<el-table-column prop="nickname" label="昵称" align="center" min-width="100"></el-table-column>
<el-table-column prop="createTime" label="注册时间" align="center" min-width="120"></el-table-column>
<el-table-column prop="enableState" label="用户状态" align="center" min-width="100"></el-table-column>
<el-table-column prop="tradeState" label="交易状态" align="center" min-width="100"></el-table-column>
<el-table-column label="操作" align="center" min-width="100">
<template slot-scope="scope">
<el-button type="text" @click="checkDetail()">查看详情</el-button>
<el-button type="info" @click="modifyUser()">修改</el-button>
<el-button type="info" @click="deleteUser(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData:[{
phone:"1"
},{
phone:"2"
}]
};
},
methods: {
//删除用户
deleteUser(val) {
console.log(val);
let that=this
that.tableData.splice(i,1)
},
}
};
</script>