EditButton.vue 449 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <div class="table-operator-item flex valign-center" @click="onClick(data)">
  3. <slot name="icon"><i :class="icon"></i></slot><span><slot /></span>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'EditButton',
  9. props: {
  10. data: {
  11. required: true,
  12. type: Object
  13. },
  14. icon: {
  15. type: String
  16. },
  17. onClick: {
  18. required: true,
  19. type: Function
  20. }
  21. }
  22. }
  23. </script>
  24. <style lang="scss"></style>