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

如题,我每次点击都是删除第一行元素~~!!


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

                }

            }

        });


繁星淼淼
浏览 7543回答 3
3回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript