as mentioned in the title, I delete the first line of elements every time I click.
<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:"-sharpappp",
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);
}
}
});