如题,我每次点击都是删除第一行元素~~!!
<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);
}
}
});
相关分类