如題，我每次點擊都是刪除第一行元素~~?。?/p>

<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); 
                }
            }
        });