录像诊断日历组件调整

src/main.js

@@ -56,10 +56,6 @@ import layoutCom from "@/components/layoutContainer/index.vue";
 import "@/utils/dialogdrag.js";
 // 水印组件
 import watercom from '@/components/waterCom.vue'
-//日历组件
-import VCalendar from 'v-calendar';
-//日历组件
-// import VCalendar from 'v-calendar';
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts;
 //根据参数键名查询参数值
@@ -114,12 +110,6 @@ Vue.use(Element, {
   size: sessionStorage.getItem("size") || "medium", // set element-ui default size
 });
 
-/*Vue.use(VCalendar, {
-  componentPrefix: 'v',  // Use <vc-calendar /> instead of <v-calendar />
-});*/
-Vue.use(VCalendar, {
-  componentPrefix: 'v',  // Use <vc-calendar /> instead of <v-calendar />
-});
 
 Vue.config.productionTip = false;
 

src/views/iot/videoDiagnosis/Calendar.vue

@@ -1,6 +1,6 @@
 <template>
   <div :style="calendarWidth">
-    <v-calendar
+    <VCalender
       ref="calendar"
       :columns="layout.columns"
       :rows="layout.rows"
@@ -17,10 +17,10 @@
 <script>
 import dayjs from "dayjs";
 //日历组件
-// import VCalendar from 'v-calendar';
+ import {Calendar as VCalender} from 'v-calendar';
 export default {
   name: "Calendar",
-  // components:{VCalendar},
+   components:{VCalender},
   data() {
     return {
       selectedDate:this.defaultSelectedDate,