Explorar o código

MessageStream.vue 页面添加一个清空消息按钮

reghao %!s(int64=2) %!d(string=hai) anos
pai
achega
8c90383f89
Modificáronse 1 ficheiros con 13 adicións e 0 borrados
  1. 13 0
      src/views/home/MessageStream.vue

+ 13 - 0
src/views/home/MessageStream.vue

@@ -31,6 +31,16 @@
       </div>
     </el-col>
     <el-col :md="6">
+      <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
+        <el-col>
+          <el-button
+            size="mini"
+            type="danger"
+            class="el-icon-delete"
+            @click="clear"
+          >清空</el-button>
+        </el-col>
+      </el-row>
       <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
         <el-card class="box-card">
           <div slot="header" class="clearfix">
@@ -82,6 +92,9 @@ export default {
         scrollElem.scrollTo({ top: scrollElem.scrollHeight, behavior: 'smooth' })
       })
     },
+    clear() {
+      this.dataList = []
+    },
     initWebSocket: function() {
       var url = 'wss://api.reghao.cn/ws/log?token=1234567890'
       this.websock = new WebSocket(url)