【我的作品】删除功能适配列表无限滚动

src/views/material/works/index.vue

@@ -37,7 +37,7 @@
           <ul class="oper">
             <li class="comfirmhover" @click="edit(item)"><i class="iconfont iconbs_list_edit"></i>编辑</li>
             <li class="comfirmhover" @click="openShare(item)"><i class="iconfont iconbs_share"></i>分享</li>
-            <li class="cancelhover" @click="del(item)"><i class="iconfont iconlist_delete"></i>删除</li>
+            <li class="cancelhover" @click="del(item, i)"><i class="iconfont iconlist_delete"></i>删除</li>
           </ul>
         </div>
         <div class="img" @click="handlePreview(item)">
@@ -146,7 +146,7 @@ export default {
     edit(item){
         window.open(`./edit.html?id=${item.id}`)
     },
-    del(item){
+    del(item, index){
       //  this.$msg({
       //   message: `格式错误，请上传2:1、120MB以内、jpg格式的全景图片`,
       //   type: 'error',
@@ -158,7 +158,7 @@ export default {
           ok: () => {
               delWorks(item.id,()=>{
                 this.$msg.success("删除成功");
-                this.getWorksList()
+                this.list.splice(index, 1)
               });
           },
       });