<template>
  <div class="buttonList">
    <el-button
      v-for="(item, index) in list"
      :key="index"
      :type="item.type"
      :size="item.size"
      :style="{width: item.width}"
      :plain="item.plain"
      @click="buttnClick(item)"
    >{{item.title}}</el-button>
  </div>
</template>
<script>
export default {
  name: 'buttonList',
  props: {
    list: {
      type: Array,
      default: []
    }
  },
  methods: {
    buttnClick(item) {
      this.$emit('buttnClick', item)
    }
  }
}
</script>
