时间

src/main/vue/src/views/record/VideoList.vue

@@ -7,6 +7,9 @@
             <el-form-item label="考级地址">
                 <el-input></el-input>
             </el-form-item>
+            <el-form-item label="" style="margin-left:20px">
+                <span>{{ time }}</span>
+            </el-form-item>
         </el-form>
 
         <div class="video-list">
@@ -26,16 +29,19 @@
 
 <script>
 import VideoGrid from '../../components/VideoGrid.vue';
+import format from 'date-fns/format';
 export default {
     components: { VideoGrid },
     data() {
         return {
             token: '',
             form: {},
-            list: []
+            list: [],
+            time: ''
         };
     },
     mounted() {
+        this.getTime();
         this.$http
             .get('ezvizToken/getToken')
             .then(res => {
@@ -54,6 +60,14 @@ export default {
                 console.log(e);
                 this.$message.error(e.error);
             });
+    },
+    methods: {
+        getTime() {
+            this.time = format(new Date(), 'yyyy/MM/dd hh:mm:ss');
+            setTimeout(() => {
+                this.getTime();
+            }, 1000);
+        }
     }
 };
 </script>