vue怎么实现点击删除表格某一行？

Question

如题，我每次点击都是删除第一行元素~~！！<tbody>                    <tr  class="gradeX" v-for="(lists,index) in inforList">                        <td>{{lists.ID}}</td>                        <td>{{lists.user}}</td>                        <td>{{lists.suerNub}}</td>                        <td>{{lists.desbe}}</td>                        <td>                             <div class="tpl-table-black-operation">                                <a href="<%=basePath%>admin/resources/toAdd.jhtml">                                     <i class="am-icon-pencil"></i>                                     {{lists.operat.edit}}                                </a>                                 <a href="javascript:;" class="tpl-table-black-operation-del" @click="delt(index)">                                    <i class="am-icon-trash"></i>                                     {{lists.operat.del}}                                </a>                            </div>                        </td>                    </tr>                </tbody>new Vue({        el:'#appp',        data:{             columnList:[{                number:'编号',                IDname:'角色名',                nameNub:'角色编码',                describe:'描述',                operation:'操作'            }],            inforList:[             {                ID:'1',                user:'超级管理员1',                suerNub:'luozi',                desbe:'超级管理员',                operat:{                    del:'删除',                    edit:'编辑'                }            },            {                ID:'2',                user:'超级管理员2',                suerNub:'luozi',                desbe:'超级管理员',                operat:{                    del:'删除',                    edit:'编辑'                }            },            ]            },            methods:{                delt:function(index){                     this.inforList.splice(index,1);                 }            }        });