row

src/views/message/messageList.vue

@@ -38,10 +38,13 @@
           <el-table-column prop="publishTime" label="发布时间">
           </el-table-column>
           <el-table-column prop="operate" label="操作">
-            <el-button size="mini" type="text" icon="el-icon-edit">修改</el-button>
-            <el-popconfirm title="你确定删除本条消息吗？">
-              <el-button class="btn-delete" size="mini" type="text" icon="el-icon-delete" slot="reference">删除</el-button>
-            </el-popconfirm>
+            <template slot-scope="scope">
+              <el-button size="mini" type="text" icon="el-icon-edit">修改</el-button>
+              <el-popconfirm title="你确定删除本条消息吗？">
+                <el-button class="btn-delete" size="mini" type="text" icon="el-icon-delete"
+                  @click="deleteMessage(scope.$index)" slot="reference">删除</el-button>
+              </el-popconfirm>
+            </template>
           </el-table-column>
         </el-table>
       </div>
@@ -96,6 +99,10 @@ export default {
         return cellValue.slice(0, 15) + '...'
       }
       return cellValue
+    },
+    //删除列表
+    deleteMessage(row) {
+      console.log(row);
     }
   }
 }
@@ -215,9 +222,11 @@ export default {
 .el-icon-search {
   padding-right: 10px;
 }
-.btn-delete{
+
+.btn-delete {
   margin-left: 20px;
 }
+
 /**
 自适应
 */