历史监控页查看视频 video组件引用

src/views/historyMonitoring/index.vue

@@ -75,16 +75,17 @@
 <script>
     import {imgUrl, videoUrl} from "@/api/importExcel";
     import Model from "./model.vue"
-export default {
+
-    name: "historyMonitoring",
+    export default {
-    components: {
+        name: "historyMonitoring",
-        // videoPlayer
+        components: {
-    },
+            // videoPlayer
-    data() {
+        },
-        return {
+        data() {
-            queryParam: {},
+            return {
-            pageNum: 1,
+                queryParam: {},
-            pageSize: 10,
+                pageNum: 1,
+                pageSize: 10,
             data: [],
             pagination: {
                 total: 0,

src/views/historyMonitoring/model.vue

@@ -63,40 +63,40 @@
     }
 </style>
 <script>
-    export default {
+export default {
-        props: ['visible', 'vid'],
+    props: ['visible', 'vid'],
-        watch: {
+    watch: {
-            //监听并接收父组件的visible并赋值给isShow（子组件接收父组件props传过来的值时不能起一样的类名，会报重复定义的错）
+        //监听并接收父组件的visible并赋值给isShow（子组件接收父组件props传过来的值时不能起一样的类名，会报重复定义的错）
-            visible: function (newVal) {
+        visible: function (newVal) {
-                this.isShow = newVal;  //newVal即是visible
+            this.isShow = newVal;  //newVal即是visible
-                // newVal && this.showConfirm(); //newVal存在的话执行showConfirm函数
+            // newVal && this.showConfirm(); //newVal存在的话执行showConfirm函数
-            },
+        },
-            vid: function (newVal) {
+        vid: function (newVal) {
-                console.log(newVal)
+            console.log(newVal)
-                console.log(1111111)
+            console.log(1111111)
-                this.video = newVal
+            this.video = newVal
-                this.$nextTick(() => {   //this.$nextTick解决不能在表单渲染之前赋值的报错问题
+            this.$nextTick(() => {   //this.$nextTick解决不能在表单渲染之前赋值的报错问题
 
-                })
+            })
 
-            },
-        },
-        data() {
-            return {
-                isShow: false,
-                confirmLoading: false,
-                video: '',
-            };
         },
-        mounted() {
+    },
-            console.log('mounted执行了')
+    data() {
+        return {
+            isShow: false,
+            confirmLoading: false,
+            video: '',
+        };
+    },
+    mounted() {
+        console.log('mounted执行了')
+    },
+    methods: {
+        handleCancel() {
+            this.$emit('close', false, '')
         },
-        methods: {
-            handleCancel() {
-                this.$emit('close', false, '')
-            },
 
-        },
+    },
-    };
+};
 </script>