<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(scope.row.phone)">查看详情</el-button>
        <el-button type="info" @click="modifyUser(scope.row.phone)">修改</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>