dropdown-item.vue 715 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <li
  3. class="el-dropdown-menu__item"
  4. :class="{
  5. 'is-disabled': disabled,
  6. 'el-dropdown-menu__item--divided': divided
  7. }"
  8. @click="handleClick"
  9. :aria-disabled="disabled"
  10. :tabindex="disabled ? null : -1"
  11. >
  12. <i :class="icon" v-if="icon"></i>
  13. <slot></slot>
  14. </li>
  15. </template>
  16. <script>
  17. import Emitter from 'element-ui/src/mixins/emitter';
  18. export default {
  19. name: 'ElDropdownItem',
  20. mixins: [Emitter],
  21. props: {
  22. command: {},
  23. disabled: Boolean,
  24. divided: Boolean,
  25. icon: String
  26. },
  27. methods: {
  28. handleClick(e) {
  29. this.dispatch('ElDropdown', 'menu-item-click', [this.command, this]);
  30. }
  31. }
  32. };
  33. </script>