<template>
  <div>
    <el-collapse v-model="activeNames"
                 :accordion="option.accordion">
      <el-collapse-item :title="item.title"
                        :name="index"
                        v-for="(item,index) in dataChart"
                        :key="index">
        <span>{{ item.content }}</span>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  name: "collapse",
  data () {
    return {
      activeNames: 0
    };
  },
  computed: {

  },
  created () {

  },
  mounted () {

  },
  methods: {

  },
  props: {
    option: {
      type: Object,
      default: () => {
        return {};
      }
    }
  }
};
</script>
