vue 通过绑定事件获取table 当前行中的id

<template>
    <div class="search" style="width: 500px;margin: 0 auto;text-align: center">
      <table style="width: 100%">
        <tr>
          <th>序号</th>
          <th>姓名</th>
          <th>年龄</th>
          <th>性别</th>
          <th>电话</th>
          <th>操作</th>
        </tr>
        <tr v-for="m in message" :key="m.id">
          <td>{{m.id}}</td>
          <td>{{m.name}}</td>
          <td>{{m.age}}</td>
          <td>{{m.sex == null ? '' : m.sex}}</td>
          <td>{{m.phone == null ? '' : m.phone}}</td>
          <td><button @click="edit">编辑</button>&nbsp;<button @click="del(m.id)">删除</button></td>
        </tr>
      </table>
    </div>
</template>
<script>
  export default {
  data(){
  	return{
		message:[]
	}
  },
    methods:{
      del(e){
          console.log(e)
      },
    }

  }
</script>