vue日历插件mpvue-calendar 自定义事件备注不起作用

我不是女神ヾ 2023-02-24 07:57 267阅读 0赞

问题：在从后台获取需要备注的日期时， 自定义事件备注 不起作用，需要点击一次才会显示备注  
解决办法：每次加载的时候需要重新渲染一下

<Calendar ref="calendar" :events="events" :end="end"  @selectMonth="selected" @prev='prev' @next='next' clean />
    import Calendar from "mpvue-calendar";
    import "mpvue-calendar/src/browser-style.css";
    import * as dd from "dingtalk-jsapi"; // 此方式为整体加载，也可按需进行加载
    export default { 
      name: "home",
      data() { 
        return { 
          dateSelected: [],
          end: [],
          events: { },
          years:'',
          month:''
        };
      },
      created() { 
        this.getTime();
        this.getExistsDates();
      }
      components: { 
        Calendar: Calendar
      },
      methods: { 
       getExistsDates() { 
          this.$axios
            .get("/api/workTimes/getExistsDates/185329621535151096")
            .then(res => { 
              console.info(res);
              res = res.data;
              if (res.status === 200) { 
                console.log(res.data);
                res.data.forEach(v => { 
                  const date = this.dislodgeZero(v);
                  this.events[date] = "已填寫";
                });
                // 重新渲染 参数 当前年份 当前月份
                this.$refs.calendar.renderer(this.years,this.month)
               }
            })
            .catch(function(error) { 
              console.info(error);
            });
        },
        getTime: function() { 
          console.log("asfasdf");
          var date = new Date();
          var year = date.getFullYear();
          var month = date.getMonth() + 1;
          month = month > 10 ? month : "0" + month;
          this.years =year;
          this.month = month
        },
        
      }
    };