element-ui 日历组件(以记事本形式展现数据)

<!-- import CSS -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

<!-- import Vue before Element -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<el-calendar v-model="value" id="calendar">
    <template
            slot="dateCell"
            slot-scope="{date, data}">
        <!--自定义内容-->
        <div>
            <div class="calendar-day">{
 { data.day.split('-').slice(2).join('-') }}</div>
            <div v-for="item in calendarData">
                <div v-if="(item.dateStr).indexOf(data.day)!=-1">
                        &