delete-queding

src/views/message/messageList.vue

@@ -39,7 +39,9 @@
           </el-table-column>
           <el-table-column prop="operate" label="操作">
             <el-button size="mini" type="text" icon="el-icon-edit">修改</el-button>
-            <el-button size="mini" type="text" icon="el-icon-delete">删除</el-button>
+            <el-popconfirm title="你确定删除本条消息吗？">
+              <el-button class="btn-delete" size="mini" type="text" icon="el-icon-delete" slot="reference">删除</el-button>
+            </el-popconfirm>
           </el-table-column>
         </el-table>
       </div>
@@ -78,7 +80,7 @@ export default {
         'list|1-50': [{
           'id|+1': 1,
           // 'messageTitle': '@cparagraph()',
-          'messageTitle':'@cword(3, 5)',
+          'messageTitle': '@cword(3, 5)',
           'phoneNumber': '158888888',
           'publishTime': '@date()',
         }]
@@ -213,7 +215,9 @@ export default {
 .el-icon-search {
   padding-right: 10px;
 }
-
+.btn-delete{
+  margin-left: 20px;
+}
 /**
 自适应
 */