element-----el-calendar 使用自定义内容标记

项目中需求是展示讲师课程时间：

代码部分：根据后台返回去对比判断：当status=1.就是有课，2是就是没课程

<template>
  <el-calendar id="calendar" v-model="value">
    <template slot="dateCell" slot-scope="{ date, data }">
      <!-- 获取日历日期全展示年月日 data.day.split("-") .slice(1).join("-")-->
      <!-- 只显示日data.day.split("-") .slice(2).join("-") -->
      <div class="center">
        {
  { data.day.split("-") .slice(2).join("-")}}
      </div> 
      <div v-if="handleSelected(data.day) === '2'"
        class="error center"
        style="padding:5px;"></div>
      <div v-if="handleSelected(data.day) === '1'"
        cla