shan

src/views/message/messageList.vue

@@ -41,9 +41,9 @@
           <el-table-column prop="operate" label="操作">
             <template slot-scope="scope">
               <el-button size="mini" type="text" @click="viewDetails(scope.$index)">查看详情</el-button>
-              <el-popconfirm title="你确定删除本条消息吗？">
+              <el-popconfirm title="你确定删除本条消息吗？" @confirm="deleteMessage(scope.$index)">
                 <el-button class="btn-delete" size="mini" type="text" icon="el-icon-delete"
-                  @click="deleteMessage(scope.$index)" slot="reference">删除</el-button>
+                   slot="reference">删除</el-button>
               </el-popconfirm>
             </template>
           </el-table-column>
@@ -86,7 +86,7 @@ export default {
   },
   mounted() {
     this.getMockMessageList();
-    this.getTableList();
+  
   },
   beforeDestroy() {
   },
@@ -122,6 +122,12 @@ export default {
     //删除列表
     deleteMessage(row) {
       console.log(row);
+       //console.log(this.tableData[index]);
+        if (this.mockMessageList.length == 0) {
+        
+        } else {
+          this.tableData.splice(row, 1);
+        }
     },
     //查看详情
     viewDetails(row) {