vcalender使用

src/main.js

@@ -57,6 +57,8 @@ import "@/utils/dialogdrag.js";
 // 水印组件
 import watercom from '@/components/waterCom.vue'
 //日历组件
+import VCalendar from 'v-calendar';
+//日历组件
 // import VCalendar from 'v-calendar';
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts;
@@ -115,6 +117,9 @@ Vue.use(Element, {
 /*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

@@ -16,9 +16,11 @@
 </template>
 <script>
 import dayjs from "dayjs";
-
+//日历组件
+// import VCalendar from 'v-calendar';
 export default {
   name: "Calendar",
+  // components:{VCalendar},
   data() {
     return {
       selectedDate:this.defaultSelectedDate,