删除的vue怎么找回_vue点击删除时，我怎么确定点的是第几个？

页面如图所示：

点击删除时

现在的问题是：我点击删除后，我怎么判断我删除的这个id为多少？

HTML代码：

<div id="app" class="container">

<table class="table table-hover">

<tbody>

<tr>

<th>id</th>

<th>名称</th>

<th>操作</th>

</tr>

<tr v-for="item in formData">

<th>{{item.id}}</th>

<th>{{item.name}}</th>

<th><button toggle="modal" target="#myModal">删除</button></th>

</tr>

</tbody>

</table>

<!-- 弹出框 -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<div class="modal-dialog" role="document">

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close" dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

<h4 class="modal-title" id="myModalLabel">提示</h4>

</div>

<div class="modal-body">

你确定要删除吗？

</div>

<div class="modal-footer">

<button type="button" class="btn btn-default" dismiss="modal">取消</button>

<button type="button" class="btn btn-primary" @click="clickMe">确定</button>

</div>

</div>

</div>

</div>

</div>

js代码：

new Vue({

el:"#app",

data:{

formData:[

{

id:1,

name:"苹果"

},

{

id:2,

name:"西瓜"

},

{

id:3,

name:"葡萄"

},

]

},

methods:{

clickMe:function(){

alert("你删除的id为：" + 1); //这里要弹出我点删除的id为多少

}

}

})