m3calendar/src/components/calendar/CalList.vue

<template>
    <el-menu mode="vertical"
        :default-active="activeindex"
        @select="menuselect">
        <el-menu-item v-for="item in indextitles"
              :key="item.id" :index="item.id">{{item.name}}</el-menu-item>
    </el-menu>
</template>
<script>

export default {
    name: "CalList",
    props: {
        indextitles: {},
    },
    data: () => {
        return {
            activeindex: "ALL",
        };
    },
    mounted() {
    },
    methods: {
        menuselect(key) {
            this.activeindex = key;
            this.$emit("select", key);
        },
    }
}
</script>
<style scoped>
</style>